[Android] Overflow does not work and is inconsistent with iOS

[slorber]

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

Environment:
Expo SDK 23 (RN 50)

Steps to Reproduce

Use this minimal Expo Snack

Expected Behavior

The children elements of the Snack should overflow their parent container (I think), or at least both platforms should handle that Snack consistently which is not the case.

Actual Behavior

The platforms are inconsistent with each others when using the exact same code.

Reproducible Demo

Use this minimal Expo Snack

Additional notes

There has been changes regarding overflow: hidden on Android that probably shipped with RN50, so it may be a regression. As far as I know it has been noticed as a regression in my app when updating from Expo22 to Expo23 (which use RN50).

I tried using zIndex, position absolute, transforms, overflow visible, collapsable=false... nothing made the inner views overflow correctly on Android.

[slorber]

cc @AaaChiuuu maybe you have an idea on what is happening here? By the way I'm interested by any workaround.

[slorber]

hmm ok sorry there is a popular Canny for that: https://react-native.canny.io/feature-requests/p/add-overflow-support-to-android

[Noitidart]

@slorber - Expo is not up to date with RN updates usually. Is Expo using RN 50? Did the overflow hidden fix land in 50? Or is it going to land in 51?

[slorber]

Expo is currently using RN50 and I think this fix landed in RN50:

so for me it still does not work

I'm not even sure to understand what is happening here, was there recently an attempt to support overflow visible that broke overflow hidden?

[Noitidart]

Thanks @slorber - so that screenshot, does that mean all those tags is where this code is found? And v0.50.0-rc.0 is where it was first found?

[slorber]

I guess :)

[faurehu]

+1 and I've got Expo 24.0.0 and using Expo's fork with React-native 51.0.0.

[vvavepacket]

+1 I am using RN 0.51.0 still same issue

[Ekhui]

+1 I am using RN 0.52.0 still same issue .
how did you solved it? ?

[goforwork]

same issue，waiting solution

[nikasvan]

Any updates on this?

[ozgurrgul]

Would like to know as well.

Environment:
  OS: macOS Sierra 10.12.6
  Node: 9.3.0
  Yarn: Not Found
  npm: 5.6.0
  Watchman: 4.7.0
  Xcode: Xcode 9.2 Build version 9C40b
  Android Studio: 2.3 AI-162.4069837

Packages: (wanted => installed)
  react: 16.2.0 => 16.2.0
  react-native: 0.53.0 => 0.53.0