[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

[react-native-bot]

Thanks for posting this! It looks like you may not be using the latest version of React Native, v0.53.0, released on January 2018. Can you make sure this issue can still be reproduced in the latest version?

I am going to close this, but please feel free to open a new issue if you are able to confirm that this is still a problem in v0.53.0 or newer.

_{How to Contribute • What to Expect from Maintainers}

[garan82]

This is still an issue.

[FellowMeGit]

Still an issue.. almost with expo i didn't try with a react native clean proyect

[slorber]

Expo 25 is based on RN 0.52, so it won't work until SDK 26 is published. If you want to claim it's still an issue, make sure you are using RN 0.53 @garan82 @jilb1992

I haven't tested myself, can't tell

[zeh]

Just to make it clear, it is still an issue on RN 0.53.

This has been a problem for a long time. Some people say it's going to be fixed when FlatUIImplementation is implemented by default instead - I've seen "June" mentioned in this thread - but I haven't seen any official signal on that, nor have I tried manually turning FlatUIImplementation on to see if it's actually working or even a viable alternative to the current UI implementation.

[floriancargoet]

I tried the provided example on a fresh RN 0.53.3 project, it is still an issue indeed.

[erikxavier]

Still an issue, RN 0.53.3.

Any luck with FlatUIImplementation ? How to test this ?

[DrRefactor]

RN 0.53 - no luck of finding workaround for this yet, have you guys figured one out?

[NrqhEIcsRi004]

Still an issue, RN 0.55.3.

[RomanISWG]

same issue on RN 0.55.4