Skip to content

After setting padding for the parent element, the absolute positioning of the child element is inaccurate #43206

@ShaoGongBra

Description

@ShaoGongBra

Description

The child element is set to left: 0 and is positioned within the padding, which does not match the actual performance

Steps to reproduce

<View style={{padding: 20,height: 100, backgroundColor: '#f2f2f2'}}>
  <View  style={{height: 20, width: 20, backgroundColor: '#666', position: 'absolute', left: 20, top: 20}} />
</View>

React Native Version

0.71

Affected Platforms

Runtime - Android, Runtime - iOS

Areas

Fabric - The New Renderer

Output of npx react-native info

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 Intel(R) Core(TM) i7-10700 CPU @ 2.90GHz
    Memory: 16.30 GB / 31.87 GB
  Binaries:
    Node: 18.19.0 - ~\AppData\Local\Temp\yarn--1709026031687-0.9586875619600348\node.CMD
    Yarn: 1.22.21 - ~\AppData\Local\Temp\yarn--1709026031687-0.9586875619600348\yarn.CMD
    npm: 10.2.3 - C:\Program Files\nodejs\npm.CMD
    Watchman: Not Found
  SDKs:
    Android SDK: Not Found
    Windows SDK:
      AllowDevelopmentWithoutDevLicense: Enabled
      AllowAllTrustedApps: Enabled
  IDEs:
    Android Studio: AI-223.8836.35.2231.11005911
    Visual Studio: 17.8.34322.80 (Visual Studio Community 2022)
  Languages:
    Java: 11.0.21
  npmPackages:
    @react-native-community/cli: Not Found
    react: ^18.2.0 => 18.2.0
    react-native: ~0.71.11 => 0.71.15
    react-native-windows: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Stacktrace or Logs

no

Reproducer

no

Screenshots and Videos

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs: AttentionIssues where the author has responded to feedback.Needs: ReproThis issue could be improved with a clear list of steps to reproduce the issue.Needs: Version InfoType: New ArchitectureIssues and PRs related to new architecture (Fabric/Turbo Modules)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions