Думаю, вы уже слышали, что
select в браузере можно кастомизировать. Правда, пока только в Chrome, но Firefox и Safari уже работают над своими реализациями.С большой силой приходит большая ответственность. Джейк Арчибальд пытается сделать такой селект, чтобы он и занимал максимум места до низа вьюпорта в открытом состоянии, и при малом количестве опций показывал их все без лишнего пустого пространства.
Очень подробно, шаг за шагом в статье расписывается, как сделать так, чтобы работало везде хорошо. Спойлер: нужно помучить Anchor positioning.
https://jakearchibald.com/2026/goldilocks-select-height/
