- From: Tim Nguyen via GitHub <noreply@w3.org>
- Date: Wed, 18 Feb 2026 20:59:57 +0000
- To: public-css-archive@w3.org
nt1m has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-forms-1] Ensure ::picker() options are always reachable on small viewports ==
After doing some testing for various customizable select demos on mobile, @smfr found that the options were not reachable on mobile on long selects (take the color select from https://codepen.io/argyleink/pen/wvYrZEV for instance), which is an usability regression from the native select.
I suggest adding this to the UA sheet:
```
::picker(select) {
max-height: 100vh;
}
```
(not sure if it should be dvh/svh or vh)
This seems to make the picker limit its height to the viewport to which point you can scroll within the picker.
cc @lukewarlow @josepharhar
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13526 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 18 February 2026 20:59:58 UTC