The following rule prevents <dialog> elements from being shown with the Popover API:
:where(dialog:not([open])) {
display: none;
}This codepen demonstrates the issue: https://codepen.io/pokeplun/pen/GgjdgQx
The methods of showing the <dialog> that treat it as a popover don't result in a state that matches dialog[open] (they only match :popover-open), which results in the element never being shown by default.
<dialog popover> is perfectly reasonable semantically, so this seems like a bug
The following rule prevents
<dialog>elements from being shown with the Popover API:This codepen demonstrates the issue: https://codepen.io/pokeplun/pen/GgjdgQx
The methods of showing the
<dialog>that treat it as a popover don't result in a state that matchesdialog[open](they only match :popover-open), which results in the element never being shown by default.<dialog popover>is perfectly reasonable semantically, so this seems like a bug