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

> 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).

For context, my use cases were around having elements that are rendered as either a regular element or a popups conditionally (e.g. under certain media queries / container queries / scopes / etc). 

For use case examples, https://vitepress.dev/ (or individual pages e.g. https://vitepress.dev/guide/what-is-vitepress ) is a goldmine, just resize the window horizontally and observe how widgets like these behave:
- Navigation menu
- Language selector
- Search modal
- Page table of contents
- Sidebar menu
- etc

I think for the case @jakearchibald brought up, it *also* makes sense to have a select render as a dropdown when there isn't enough space, or a listbox when there is. It's fundamentally the same pattern: save space by turning something into a popup when you're short on space, use more available space when there is no scarcity.

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


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

Received on Tuesday, 10 February 2026 15:16:39 UTC