[csswg-drafts] A way to prevent `<select>`'s picker from going into the top-layer (#13467)

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

== A way to prevent `<select>`'s picker from going into the top-layer ==
Use-case: If a `<select>` has only a couple of options, I want to hide the button, and always show the picker. I'd style the options to look more like radios or some kind of multi-item switch.

This is almost possible, except on interaction, the picker goes into the top-layer, which isn't desirable in this case.

---

A couple of ideas, but maybe there are better ways.

## Idea 1: Don't show as a popover if it's already shown

So if the picker already has `display: block` or whatever, the browser won't attempt to show it as a popover.

## Idea 2: `overlay: none`

If the element has `overlay: none` then even though it's in the top-layer list, it doesn't render in the top layer.

It seems like there's a plan to remove `overlay`, but [@LeaVerou mentioned wanting this feature](https://github.com/w3c/csswg-drafts/issues/13200#issuecomment-3807220553).

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


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

Received on Monday, 9 February 2026 12:59:52 UTC