Skip to content

Inputs are uneditable in Dialogs opened from Dropdown #3462

Open
@wintercounter

Description

@wintercounter

Bug report

Current Behavior

https://www.radix-ui.com/primitives/docs/overview/releases#january-22-2025

This update caused this, previously on version 1.1.2 of dropdown, dialog, etc. it was working fine. Not with 1.1.7 if I open a Dialog that has contenteditable, textarea, input, they are no longer editable/selectable.

Expected behavior

Inputs are not blocked when another popover is detected over dropdown.

Reproducible example

Just some pseudo

<DropdownMenu>
  <DropdownMenuItem asChild>
    <Dialog>
      <DialogTrigger>
        <button>Open</button>
      </DialogTrigger>
      <DialogContent>
         <textarea />
      </DialogContent>
    </Dialog>
  </DropdownMenuItem>
</DropdownMenu>

Suggested solution

Dialog has stack tracing behavior to only react to the very top one. Everything that's popover should work together.

Additional context

modal={false} is not an option, I need user to be able to close the dropdown, especially on mobile.

Your environment

Software Name(s) Version
Radix Package(s) Dialog, DropdownMenu 1.1.2 vs 1.1.7

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