-
-
Notifications
You must be signed in to change notification settings - Fork 491
Description
Environment
Reka UI v2.9.1
macOS Sequoia 15.7.4
Microsoft Edge 145.0.3800.97 (Official build) (arm64)
1Password for Edge extension 8.12.4.46
Safari 26.3 (20623.2.7.18.1)
1Password for Safari extension 8.12.5.2
Link to minimal reproduction
https://stackblitz.com/edit/y5qqkahm?file=src%2FApp.vue
Steps to reproduce
- Go to minimal repro: https://stackblitz.com/edit/y5qqkahm?file=src%2FApp.vue
- Open dialog first time. Name field is focused.
- Close dialog.
- Open dialog once again.
Describe the bug
Noticed that Dialog demo doesn't focus first input (Name) by default when you open dialog second time. Instead DialogContent container itself is focused.
I did some digging and it seems to be some strange interaction between Icon component from iconify and MutationObserver in FocusScope. The following is happening: Icon component sets CSS classes -> MutationObserver is triggered -> focus gets re-validated but moved to container instead. If you remove Icon component then focus behaves correctly.
Of course it's not just demo's issue and can be reproduced in apps.
UPDATE March 12
This seems to be caused by 1Password browser extension. Disabling this extensions restore correct focus behavior.
Expected behavior
First input (tabbable element) should be focused on dialog open every time.
Context & Screenshots (if applicable)
No response