[Android] position: absolute shouldn't be cut off within a container with border

[linmic]

Description

If you have an element position: absolute with negative offset within a container with a border, it's going to be cut off, it's like overflow: hidden of the container is suddenly enabled by the border. But if you remove the border of the container, it works well. This issue only happens on Android.

#3198 is a similar issue, and was reported with lots of discussions. However, I believe they are not exactly the same.

Reproduction

I've made an example on rnplay to reproduce the issue.

Solution

TBD

Additional Information

• React Native version: 0.33 (rnplay), 0.39 (the version I currently use)
• Platform: Android
• Operating System: MacOS

[jakallergis]

Same here. This is really frustrating

[smilingkylan]

Yeah this is currently happening with me even when the containing view has no border nor border-radius. This is definitely an issue because, for example, I want to show a circular icon on the top + middle area of my modal window. You can see it getting cut off below:

[renso3x]

Any solution for this issue? I have also experience it on android development.

[olliekav]

I can't find any way around this, guess we are just stuck with different styling for Android.

[jinqiupeter]

Same issue here, view with absolute positioning and negative top works on iOS but got cut off on Android

[scriptfans]

• 1 for this, how to fix it?

[brunolemos]

Facing this as well :(

Works great on iOS:

[aforty]

This is an issue for me as well.

[brunolemos]

@grabbou @bvaughn know any android dev that could help us with this bug?

[yelkamel]

If some have a solution for that it's should be great.
My java android skill is not good enough to make a PR :(

[Maximell]

+1 also having this issue.

[felipap]

Has been a big problem here too. Anybody found a fix?