В Chrome Canary стал доступен полностью кастомизируемый <Select>

Новость
Это должно было когда то случится, вслед за разработкой нативного элемента popover, в 130й версии Chrome Canary появился RFC по элементу Select, у которого можно полностью изменять выпадающий элемент.

Элемент будет состоять из следующих частей, представленных на картинке:

Пока что некоторые ограничения:

• интерактивные элементы в option (например Button) без фокуса

• option поддерживает только следующие элементы  <div>, <span>, <option>, <optgroup>, <img>, <svg> и  <hr>

Можете играться в своей песочнице, тестить компонент и оставлять отзывы по нему тут. Это ускорит процесс и сделает компонент более стабильным.

Если вам понравилась новость, больше похожего материала из мира frontend-разработки в моем телеграм-канале Плавный, как css-анимация