Next: Dialog closes when 1password is clicked

[geerew]

Describe the bug

I have a dialog with an input field. When the input field is focued, the 1password icon appears. When click on the 1Password icon, the dialog closes

I believe it is because the 1password lives outside the dialog (in a shadow root) in the component <com-1password-button> and outside interaction is kicking in. When interactOutsideBehavior is ignore there is no issue.

Im sure this issue would occur for other password managers too ..

Reproduction

https://next.bits-ui.com/docs/components/dialog

Logs

No response

System Info

System:
    OS: macOS 15.2
    CPU: (8) arm64 Apple M2
    Memory: 126.75 MB / 8.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.15.0 - ~/Library/pnpm/node
    npm: 10.7.0 - ~/Library/pnpm/npm
    pnpm: 9.14.4 - /opt/homebrew/bin/pnpm
  Browsers:
    Chrome: 131.0.6778.265
    Safari: 18.2

Severity

annoyance