Skip to content

Commit

Permalink
Rename :open to :popover-open and remove :closed
Browse files Browse the repository at this point in the history
  • Loading branch information
josepharhar authored Apr 3, 2023
1 parent a20f673 commit 2ff2437
Showing 1 changed file with 7 additions and 15 deletions.
22 changes: 7 additions & 15 deletions source
Original file line number Diff line number Diff line change
Expand Up @@ -72496,24 +72496,15 @@ Demos:
not null, or containing no elements, if it is. <ref spec=SELECTORS></p>
</dd>

<dt><dfn selector noexport><code data-x="selector-open">:open</code></dfn></dt>
<dt><dfn selector noexport><code data-x="selector-popover-open">:popover-open</code></dfn></dt>
<dd>
<p>The <code data-x="selector-open">:open</code> <span>pseudo-class</span> is defined to match
any <span data-x="html elements">HTML element</span> whose <code
<p>The <code data-x="selector-popover-open">:popover-open</code> <span>pseudo-class</span> is
defined to match any <span data-x="html elements">HTML element</span> whose <code
data-x="attr-popover">popover</code> attribute is not in the <span
data-x="attr-popover-none-state">no popover state</span> and whose <span>popover visibility
state</span> is <span data-x="popover-showing-state">showing</span>.</p>
</dd>

<dt><dfn selector noexport><code data-x="selector-closed">:closed</code></dfn></dt>
<dd>
<p>The <code data-x="selector-closed">:closed</code> <span>pseudo-class</span> is defined to
match any <span data-x="html elements">HTML element</span> whose <code
data-x="attr-popover">popover</code> attribute is not in the <span
data-x="attr-popover-none-state">no popover state</span> and whose <span>popover visibility
state</span> is <span data-x="popover-hidden-state">hidden</span>.</p>
</dd>

<dt><dfn selector noexport><code data-x="selector-enabled">:enabled</code></dfn></dt>
<dd>
<p>The <code data-x="selector-enabled">:enabled</code> <span>pseudo-class</span> must match any
Expand Down Expand Up @@ -123590,10 +123581,11 @@ dialog::backdrop {
background: rgba(0,0,0,0.1);
}

[popover]:closed:not(dialog[open]) {
[popover]:not(:popover-open):not(dialog[open]) {
display:none;
}
dialog[popover]:not(:closed) {

dialog:popover-open {
display:block;
}

Expand All @@ -123610,7 +123602,7 @@ dialog[popover]:not(:closed) {
background-color: Canvas;
}

[popover]:open::backdrop {
:popover-open::backdrop {
position: fixed;
inset: 0;
pointer-events: none !important;
Expand Down

0 comments on commit 2ff2437

Please sign in to comment.