Real Android device - touch events not triggered when scrolling with zIndex change

[M-i-k-e-l]

Description

Real Android device - touch events are not triggered after scrolling when view has animated style (useAnimatedStyle) with a zIndex change.

I am not sure if this belongs in react-native-reanimated or react-native-gesture-handler as the bug involves them both (I tried to find a ticket there as well).

Steps to reproduce

1. Install a new RN project, I used:
   npx @react-native-community/cli@latest init --version 0.78.3 TabControllerAndroid
2. Install react-native-reaniamted (3.19.3) and react-native-gesture-handler (2.29.0)
3. Configure babel.config.
4. Replace the code in App.tsx with the snack (link below).
5. Install the app on a real Android device.
6. Press a card (left tab) - log will be recorded ✅
7. Scroll down in the same tab.
8. Press a card - log will be recorded ✅
9. Change to the right tab.
10. Press a card (left tab) - log will be recorded ✅
11. Scroll down in the same tab.
12. Press a card (left tab) - log will not be recorded ❌
13. Change to the left tab.
14. Scroll down in the same tab.
15. Press a card (left tab) - log will not be recorded ❌

Snack or a link to a repository

https://gist.github.com/M-i-k-e-l/092cdc48d3952ee227d04e905e8a0a52

Reanimated version

3.19.3

Worklets version

none

React Native version

0.78.3

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native CLI

Architecture

New Architecture (Fabric renderer)

Build type

No response

Device

Real device

Host machine

macOS

Device model

Pixel 9a API 36

Acknowledgements

Yes

[patrycjakalinska]

hi @M-i-k-e-l, thanks for opening the issue - could you tell me if setting these feature flags -
#6704 (comment) - fix your issue? Please rebuild, preferably also reset you cache after setting them, and let me know, thanks!

[M-i-k-e-l]

Hi @patrycjakalinska,
Thanks for the quick response!
However it did not solve the issue.

To be sure, by clearing cache you mean: yarn start --reset-cache?

[patrycjakalinska]

To be sure it's better to run git clean -xdf at root, as it clears the repo of cache, builds etc. c:

However there is a high chance the flags would work already, so I'll keep the issue open

[M-i-k-e-l]

Tested again after git clean -xdf - still broken

[dongbach69]

Hi @M-i-k-e-l . do you fixed it. i got this bug in real device s24u android16 (API 36) only. I have the same error as you, but sometimes it works and sometimes it doesn't. When I scroll down and then tap the first few times it works, then I tap again and it doesn't work. Then I just scroll lightly once and it works, then it doesn't work.

react-native 0.81.5
react-native-reanimated 4.1.3
react-native-gesture-handler 2.29.1