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

> [@mfreed7](https://github.com/mfreed7) I'm not sure if my concern regarding menus' styling was considered.
> Here's a simple example: https://jsbin.com/nikucihawi/edit?html,css,output
> Will this be broken with the above proposal?

I guess it depends on what you mean by "broken". What I see in that demo is that hovering one of the popover sub-menus causes the triggering button to also get `:hover` styles. To me, that seems "broken", so in my view the above proposal will "fix" it. However, if that's exactly what you were going for, you could achieve that (*with* the above proposal) by simply changing the one line in this selector:

```css
nav li:hover, nav li:has(:hover) {
  background: lightgray;
  ...
```

I.e. change the selector for your `li` to use `:has(:hover)` instead of just `:hover`.

Since I think this is more the corner case than the standard case, it makes sense (to me) to require a bit more work on your part, so that the common case (**not** wanting hover styles on the button) can be easy.

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


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

Received on Thursday, 20 February 2025 16:48:41 UTC