Skip to content

Interaction prevented on Android when Actionsheet is open with disableOverlay true #5734

@coofzilla

Description

@coofzilla

Description

On Android, when an ActionSheet with the disableOverlay prop is open, interaction is not possible. In the example snack I've used the alert button to demonstrate this. The issue does not occur on iOS or Web, where the Alert button is pressable even when the Actionsheet is open. Visually, the overlay is not present (as expected); however, when adding a borderRadius around the ActionSheet, it can be observed that it still occupies the entire screen.

CodeSandbox/Snack link

https://snack.expo.dev/e8pensvtZ

Steps to reproduce

Steps to Reproduce:

  1. Run the provided code on an Android device or emulator.
  2. Press the "Actionsheet" button to open the Actionsheet.
  3. Attempt to press the "alert" button.

Expected Behavior: The Alert button should be pressable, and an alert with the text "pressed" should be displayed.

Actual Behavior: The Alert button is not pressable on Android when the Actionsheet is open.

NativeBase Version

"native-base": "3.4.19",

Platform

  • Android
  • CRA
  • Expo
  • iOS
  • Next

Other Platform

No response

Additional Information

  • The issue occurs only on Android, while it works as expected on iOS and Web.
  • The borderRadius around the Actionsheet reveals that it still occupies the entire screen, even though visually the overlay is not present.
  • Modifying the height of the Actionsheet does not resolve the issue.
Screen.Recording.2023-04-21.at.9.51.43.AM.mov

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions