Skip to content

Android: touches blocked for elements after a View with zIndex > 0 that contains TrueSheet #781

Description

@dkulakov

Before submitting a new issue

  • I tested using the latest version of the library.
  • I tested using a supported version of React Native.
  • I checked for existing issues that might answer my question.

Bug Summary

On Android, when TrueSheet is rendered inside a View with zIndex > 0, all interactive elements rendered after that container become unresponsive — even when the sheet has never been presented. Elements inside the zIndex container itself are unaffected. iOS is unaffected.

Affected Platforms

  • iOS
  • Android
  • Web
  • Other

Library Version

3.11.11

Environment Info

System:
  OS: macOS 26.5
  CPU: (14) arm64 Apple M4 Pro
  Memory: 170.41 MB / 24.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 24.11.1
    path: /Users/dkulakov/.nvm/versions/node/v24.11.1/bin/node
  Yarn:
    version: 4.11.0
    path: /opt/homebrew/bin/yarn
  npm:
    version: 11.6.2
    path: /Users/dkulakov/.nvm/versions/node/v24.11.1/bin/npm
  Watchman:
    version: 2026.05.25.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /Users/dkulakov/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.5
      - iOS 26.5
      - macOS 26.5
      - tvOS 26.5
      - visionOS 26.5
      - watchOS 26.5
  Android SDK:
    API Levels:
      - "31"
      - "34"
      - "35"
      - "36"
    Build Tools:
      - 34.0.0
      - 35.0.0
      - 35.0.1
      - 36.0.0
    System Images:
      - android-28 | Google ARM64-V8a Play ARM 64 v8a
      - android-35 | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23726.103.2422.13103373
  Xcode:
    version: 26.6/17F113
    path: /usr/bin/xcodebuild
Languages:
  Java: Not Found
  Ruby:
    version: 3.4.7
    path: /Users/dkulakov/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 20.2.0
    wanted: latest
  react:
    installed: 19.2.3
    wanted: 19.2.3
  react-native:
    installed: 0.85.3
    wanted: 0.85.3
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: false
  newArchEnabled: false
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

Steps to Reproduce

  1. Launch example app on Android
  2. On the map screen, tap "Open Modal" or "Sheet Navigator" — observe they do not respond
  3. Remove zIndex: 1 from the wrapper View in MapScreen.tsx, reload
  4. Tap the same buttons — observe they now respond correctly

Repro

dkulakov#3

Additional Context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingrepro providedGood! Repro is provided

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions