-
Notifications
You must be signed in to change notification settings - Fork 24.4k
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
zIndex not working on new architecture enabled #38513
Comments
This bug is not reproducible on Snack. Steps to reproduce and code snippet is mentioned above |
Then please provide a reproducer project using the template as suggested |
my bad, attached link to the repo |
Facing same issue, zIndex not working after enable new architecture. |
@cortinico , Can you please provide any update on this issue? |
Same here. |
The guy literally has provided code you can copy-paste and you didn't even bother to take half a minute to bootstrap the project yourself. Let's not be crazy, those requirements are counter-productive. Snack is not an environment to test bugs, and bootstrapping a rn project on your own shouldn't be that hard. |
This has been resolved in 850349b, which will go out with v0.73. |
What about android? |
Should we reopen this issue? or create a new issue for z-index not working in Android? @cortinico |
As @javache mentioned, this fix is shipped in 0.73. Asking about Android makes no sense here. Let's wait for the 0.73 stable and open a new issue if the problem persists on 0.73.0 |
A potential workaround for folks that have this problem would be to add |
Description
zIndex
does not seem to work onios
orandroid
with new architecture enabled.It works as expected for old architecture.
I just have 2
View
s withText
inside it.View
on top haszIndex: 1
and bottom one does not havezIndex
set.This bug cannot be reproduced using
react-native
in browser snack.The bug was previously raised here #34617 but seems to have been closed.
Expected
Actual
React Native Version
0.72.3
Output of
npx react-native info
System:
OS: macOS 13.3.1
CPU: (10) arm64 Apple M1 Pro
Memory: 96.30 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 16.14.2
path: ~/.nvm/versions/node/v16.14.2/bin/node
Yarn:
version: 1.22.19
path: ~/.nvm/versions/node/v16.14.2/bin/yarn
npm:
version: 8.5.0
path: ~/.nvm/versions/node/v16.14.2/bin/npm
Watchman:
version: 2023.02.06.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.12.1
path: /Users/gurung/.asdf/shims/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 22.4
- iOS 16.4
- macOS 13.3
- tvOS 16.4
- watchOS 9.4
Android SDK:
API Levels:
- "30"
- "31"
- "32"
- "33"
Build Tools:
- 30.0.3
- 31.0.0
- 32.0.0
- 33.0.0
System Images:
- android-30 | Google APIs ARM 64 v8a
- android-31 | Google APIs ARM 64 v8a
- android-31 | Google Play ARM 64 v8a
- android-32 | Google APIs ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2021.1 AI-211.7628.21.2111.8309675
Xcode:
version: 14.3/14E222b
path: /usr/bin/xcodebuild
Languages:
Java:
version: 11.0.17
path: /usr/bin/javac
Ruby:
version: 3.0.3
path: /Users/gurung/.asdf/shims/ruby
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.72.3
wanted: 0.72.3
react-native-macos: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: true
Steps to reproduce
create a new project
npx react-native@latest init AwesomeProject
Follow steps to enable new architecture https://reactnative.dev/docs/next/new-architecture-app-intro
in
App.tsx
anywhereExpected
I SHOULD BE ON TOP
text should be displayed on top ofI SHOULD BE BEHIND
Actual
I SHOULD BE BEHIND
is displayed on top ofI SHOULD BE ON TOP
Snack, code example, screenshot, or link to a repository
https://github.com/grgmo/react-native-zindex-repro
The text was updated successfully, but these errors were encountered: