csstools / csstools/normalize.css
Dialogs cannot be shown with the Popover API
- Dominant language
- HTML
- Stars
- 656
- Forks
- 66
- PR merge metrics
- No merged PRs in 30d
Description
The following rule prevents `` elements from being shown with the [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API):
```css
:where(dialog:not([open])) {
display: none;
}
```
This codepen demonstrates the issue: https://codepen.io/pokeplun/pen/GgjdgQx
The methods of showing the `` that treat it as a popover don't result in a state that matches `dialog[open]` (they only match [:popover-open](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:popover-open)), which results in the element never being shown by default.
`` is perfectly reasonable semantically, so this seems like a bug
Contributor guide
Assessment
This issue has not been assessed yet.