Closed
Description
When the parent view (overflow: 'hidden') has borderRadius set, the child view is not clipped to the shape of the parent.
demo reproducing the issue: https://rnplay.org/apps/69TRrw
{{ message }}
No type
No projects
No milestone
None yet
No branches or pull requests
Activity
astreet commentedon Oct 2, 2015
Thanks for the report. Unfortunately overflow: hidden is not respected on android (see https://facebook.github.io/react-native/docs/known-issues.html#the-overflow-style-property-defaults-to-hidden-and-cannot-be-changed-on-android). I think @kmagiera has previously posted about the clipping issue for rounded corners and can chime in here.
kmagiera commentedon Oct 5, 2015
Nothing more to add here. Unfortunately this is a known problem and is not being worked on as mentioned in the docs. Closing this as it's already on the list. If you guys have any proposal on how this could be implemented without causing significant perf issue in rendering pipeline feel free to reopen and post your ideas here
rreusser commentedon Nov 20, 2015
We're using imgix, so I think we'll be able to add
?fm=png&mask=ellipseand be on our way. Dodged a bullet there but will encounter moderate problems elsewhere.I'll submit a PR to note that in addition to hidden always being true, it doesn't obey borderRadius, which is not currently noted in the docs. (I assumed that if hidden were true, it would be clipped by the borderRadius just fine.)
Merge pull request #4256 from rreusser/note-on-known-issue-for-3198
Additional note for Android borderRadius clipping facebook#3198
Additional note for Android borderRadius clipping facebook#3198
Kudo commentedon Jan 20, 2016
@kmagiera May I ask where to find the comment or discussion about clipping issue with rounded corners that you posted before?
kmagiera commentedon Jan 26, 2016
@Kudo: I was referring to the link posted by Andy just above my comment: https://facebook.github.io/react-native/docs/known-issues.html#the-overflow-style-property-defaults-to-hidden-and-cannot-be-changed-on-android
Kudo commentedon Jan 27, 2016
@kmagiera I see.
The feature is really useful for some cornered UI construction.
Would like to know more detail of your mentioned significant perf drops and see if we can make this feature happens.
raymanyoung commentedon Mar 24, 2016
More info:
this demo (https://rnplay.org/apps/WlY9aA) shows if the outer control is an image, the borderRadius property will totally not working.
82 remaining items