Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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.

Issue Analytics

State:
Created 6 years ago
Reactions:22
Comments:22 (6 by maintainers)

Top GitHub Comments

8reactions

nikasvancommented, Feb 5, 2018

Any updates on this?

5reactions

vvavepacketcommented, Jan 6, 2018

+1 I am using RN 0.51.0 still same issue

Top Results From Across the Web

Overflow-x:hidden; on mobile device not working

Try setting minimum-scale=1 instead of maximum-scale=1 . minimum-scale controls how far out the user can zoom, while maximum-scale controls how far in they...

overflow-x - CSS: Cascading Style Sheets - MDN Web Docs

The overflow-x CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, ...

Common Flutter errors

Introduction. This page explains several frequently-encountered Flutter framework errors and gives suggestions on how to resolve them.

How To Fix Text-Overflow Ellipsis Not Working - Semicolon.dev

Do This If Text-Overflow Ellipsis Is Not Working. Making text ellipsis work requires different tactic for different types of HTML elements. #css #cascading ......

CSS fix for 100vh in mobile WebKit - Matt Smith

iPhone screen showing sticky footer below Safari browser's menu bar. ... However, the above problem is specifically in WebKit, which does ...