[csswg-drafts] [selectors-4] Introduce :popover-target-open pseudo class (#9547)

ggedde has just created a new issue for https://github.com/w3c/csswg-drafts:

== [selectors-4] Introduce :popover-target-open pseudo class ==
Looks like :popover-open is landing, but it only applies to the popover element itself.
We also need a way to style the Trigger element for the popover element when the popover element is open.

consider the following:
```
<button popovertarget="my-popover">Open Popover</button>
...
<div popover id="my-popover">Greetings, one and all!</div>
```

I would like a way to style the button when the popover is open.
This would need to apply to all elements the the same 'popovertarget'
Ex.

```
<button popovertarget="my-popover">Open Popover</button>
...
<div popover id="my-popover">Greetings, one and all!</div>
...
<button popovertarget="my-popover">Open Popover From another button</button>
```

It would be ideal to have something like:
```
button:popover-target-open {
   ...
}
```

Thanks

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9547 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 1 November 2023 20:18:41 UTC