Options List for Select Field

Is there any way to customize the number of options it takes for the Select field options list to become scrollable? It would be better if the User didn't have to click on the very bottom of the page.
No description
3 Replies
wyChoong
wyChoong10mo ago
don't think its possible as the scrollable is by height, not number of options before it can scroll
DrByte
DrByte10mo ago
In forms.css the height of that element is set to 15rem:
.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list
{
max-height:15rem;overflow:auto;will-change:scroll-position
}
.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list
{
max-height:15rem;overflow:auto;will-change:scroll-position
}
Setting it to 5 or 10 rem might work. But be sure to check on mobile as well. Perhaps moving the category section up higher on your page might make better sense, rearranging things a little but perhaps more user-friendly as a design choice, instead of shortening the scroll (cuz 15rem is actually a nice size for seeing what's available to pick from)