Skip to content

Clicking outside of a dialog on mobile passes click events through#1720

Description

@Jonas-C

馃悰 Bug report

When clicking outside of DialogContent on a mobile device (or mobile emulation in the browser), click events are passed through to the actual element that is being clicked. If you have a full-screen dialog with overlapping close and open triggers in the z-axis, you're pretty much forced to reload the entire page.

  1. Use a mobile device or mobile emulation in your favourite browser.
  2. Open the dialog.
  3. Press one of the visible (and interactive) elements still visible on the screen.

馃捇 Link to reproduction

https://zagjs.com/components/react/dialog

馃 Expected behavior

The Dialog backdrop should prevent click events from being passed down to the elements the dialog "covers"

馃實 System information

Software Version(s)
Zag Version 0.64.0
Browser Firefox/Chrome/Safari
Operating System MacOS/iOS

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions