Skip to content

Border radius not respected in SectionList #21181

@vjsingh

Description

@vjsingh

Environment

Environment:
OS: macOS High Sierra 10.13
Node: 10.4.0
Yarn: 1.7.0
npm: 6.1.0
Watchman: 4.9.0
Xcode: Xcode 9.2 Build version 9C40b
Android Studio: Not Found

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: https://github.com/expo/react-native/archive/sdk-27.0.0.tar.gz => 0.55.2

Description

When putting a SectionList inside of a view with rounded corners, the SectionList does not respect the rounded corners. This can be solved by putting a padding on the SectionList, but I would like a solution that avoids doing this.

border radius bug

Reproducible Demo

https://snack.expo.io/@vjsingh/scrolltolocation
Pull the list downward to see that the scrollview is 'covering' the rounded corners. I would think that the container view should effectively 'mask' the inner scrollview here?

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugComponent: SectionListStaleThere has been a lack of activity on this issue and it may be closed soon.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions