-
Notifications
You must be signed in to change notification settings - Fork 24.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[0.45+] Changing zIndex dynamically not working on Android #14854
Comments
I have the same issue here - with screencasts - and git clone'able super simple app - #8968 (comment) That comment links to stackoverflow - https://stackoverflow.com/questions/45021849/zindex-not-working-on-android-0-46-but-does-on-ios-and-even-uwp-windows zIndex works perfectly as expected on iOS and even windows (UWP) but not on Android :( I am using 0.46.1 |
hack style: |
Thanks @ruwusu very much for sharing a work around. I tried it but it didn't work. May you please help me understand the hack. I even tried |
Thanks to @ruwusu, it seems that the |
|
I am waiting for this one too .. |
Same here Sent from my Google Nexus 5 using FastHub |
+1 |
use elevation property, set it to 1 for example and you must put the container at the same level,
|
@ethan605 |
still not working, please can someone take care of this issue. |
I think it was closed because I think the similar/same issue is addressed here - #8968 |
same here |
@rtman |
@ethan605 this is an active issue, it's just a duplicate. The |
@Noitidart right that's what I thought was happening. I just noticed in |
I'm praying it's fixed in 0.49 too :) Long standing bug and never had a feasible workaround. :( |
@Noitidart @rtman thanks for your feedbacks. I've closed this due to a long time of inactivity. Now reopen to raise it again. Hope that a proper fix will be provided soon. |
Thank you sir. I think you were right to close this though as it's a duplicate of that issue. I don't know if that patch fixes this though, we'll know in a bit, as soon as that patch releases. |
Hey all I just tried using 0.49.3 and a fix landed! Yahoo. Try it again it might work, let us know. |
Agreed 0.49.3 fixes my issue Sent from my Google Nexus 5 using FastHub |
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. Thank you for your contributions. |
Same mistake! ...Platform.select({ and for the component that I want to show first I have to use: zIndex: 100000 I know it is ridiculous but It works! |
Is this a bug report?
Yes
Have you read the Bugs section of the Contributing to React Native Guide?
Yes
Environment
react-native -v
:node -v
:v8.1.3
npm -v
:5.0.3
yarn --version
:0.27.5
Target Platform: both
Development Operating System: macOS Sierra
Build tools: both
Steps to Reproduce
In RN 0.44, I can dynamically change
zIndex
layout prop for Views on both Android & iOS. But after upgrading to 0.46, only iOS can work as expected, can't make it work on Android.Expected Behavior
zIndex
could be changed dynamically on Android.Actual Behavior
Here are screenshot on Android. By tapping on "Change top box" button, it's expected that red box will overlap green & blue boxes, another tap should make green box overlap the others, and so on. This works on iOS, but not on Android.
Reproducible Demo
Please see this gist.
The text was updated successfully, but these errors were encountered: