Skip to content

[BUG]: Android Back Button dismisses visual content but leaves transparent overlay blocking interaction #66

@Prince-BITNET

Description

@Prince-BITNET

Describe the bug
On Android, when a modal is open and the hardware back button (or back gesture) is pressed, the modal content visually disappears, but the onRequestDismiss event is not triggered.

As a result, the parent component does not receive the signal to set visible={false}. This leaves a transparent layer (the modal container) over the screen. While scrolling on the parent screen still works, users cannot click any buttons or interact with UI elements because the transparent modal overlay is blocking the touches.

How To Reproduce

  1. Open a Modal on an Android device.
  2. Press the hardware back button or use the back gesture.
  3. The modal content vanishes.
  4. Try to tap a button on the parent screen behind the modal.
  5. Result: The button press is not registered (blocked), but the screen might still scroll.

Expected behavior
When the Android back button is pressed, the onRequestDismiss event should fire. This allows the JavaScript side to close the modal completely, removing the transparent overlay and restoring full interaction to the parent screen.

Useful information (please complete the following information):

  • Device: Pixel 6a
  • OS: Android - 16
  • React: "19.1.1"
  • React-Native: "0.82.1"
  • Library: v3.2.3
  • [✓] Is New Architecture Enabled?

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions