Re: [csswg-drafts] [css-ui] select:hover and select:active styles (#11185)

This is a more general issue, it seems to me, with top layer elements. E.g.

```html
  <button popovertarget=foo>Open Popover
    <div id=foo popover>Popover</div>
  </button>
```

In this case, hovering/activating the popover will trigger `:hover` and `:active` styles on the button itself. That feels weird to me for **any** top layer element, including dialogs. Perhaps we should just add a bit to the spec that hovering or activating top layer elements don't trigger those styles on containing elements? That would feel like a good fix - I don't know of any good use cases for this. And if there are any, they could still be achieved like

```
button::has([popover]:hover) { /* hover styles */ }
```

-- 
GitHub Notification of comment by mfreed7
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11185#issuecomment-2515671464 using your GitHub account


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

Received on Tuesday, 3 December 2024 22:22:32 UTC