Как заставить select подбирать ширину под выбранное значение?

Question

[weranda]

Приветствую.
Есть поле с выбором элементов (select > option): https://codepen.io/weranda/pen/WNwzdqb
Я так понял, что по умолчанию ширина поля определяется раз по самому длинному элементу списка и потом не меняется. Подскажите как реализовать первый / второй пункты:

1. При загрузке страницы ширина поля определялась бы значением по умолчанию (selected).
2. При выборе другого элемента, ширина поля подстраивалась бы под выбранный элемент.

Answer 1

[Danny Arty]

Можно так

Comments

[weranda]

Как вариант, но можно ли это сделать без JS — вопрос!

[Danny Arty]

weranda, нет, средствами CSS с нативным селектом вы этого не добьетесь, только с помощью js.
И, если честно, не понимаю в чем фишка прыгающего селекта

[weranda]

Danny Arty, в дизайне смысл. Если при загрузке страницы выбрано "длинное" поле, то при выборе "короткого" будет много пустого пространства в поле.