GeekyAnts / GeekyAnts/NativeBase

Interaction prevented on Android when Actionsheet is open with disableOverlay true

Open
#5,734 0 comments 1 reaction 0 assignees View on GitHub
bug triage v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### 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

- [x] 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.

https://user-images.githubusercontent.com/75731066/233515717-15fc4f53-faa9-4f19-b88e-0bc36d33e4aa.mov

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.