- Baseline:
- Newly
- Functional:
- Progressing
- Usage:
- Cross-Context
Popover works within shadow DOM contexts, both declaratively and via scripting. The trigger and the content must exist in the same context, though the content may be the light DOM of another component as long as its ID is unique.
Ranked progressing due to focus behavior inconsistencies: Firefox and Safari fail tests for focus handling inside shadow DOM popovers. Core popover functionality and shadow host focus delegation work correctly across all browsers.
| Web Platform Test | Chrome 148 | Edge 148 | Firefox 150 | Safari 26.5 |
|---|---|---|---|---|
| Focus behavior of popover elements inside shadow DOM | pass | pass | fail | fail |
| Popovers located inside shadow DOM can still be shown | pass | pass | pass | pass |
| The popover stack is preserved across shadow-inclusive ancestors | pass | pass | pass | pass |
| Popover ancestor relationships are within a root, not within the document | pass | pass | pass | pass |
| autofocus=true, delegatesfocus=false | pass | pass | pass | pass |
| autofocus=true, delegatesfocus=true | pass | pass | pass | pass |
| autofocus=false, delegatesfocus=false | pass | pass | pass | pass |
| autofocus=false, delegatesfocus=true | pass | pass | pass | pass |