Skip to content

iOS multiple modal issue #157

@sri-nayak

Description

@sri-nayak

The issue occurs when multiple modals are rendered or opened simultaneously in a React Native application, particularly on iOS devices. In this situation, even after all the modals are closed, a transparent overlay remains on the screen, blocking user interaction with the underlying views and pages. This happens because each React Native component creates its own native overlay layer (UIWindow), and when multiple layers are stacked and not cleaned up properly, iOS sometimes fails to remove the topmost one. As a result, the invisible overlay intercepts all touch events, making the app appear frozen or unresponsive. This is a known iOS-specific behavior, and the recommended solution is to avoid using multiple modals at once or to manage all modal content within a single shared modal container.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions