🥨 Попап вместо селекта: ✨новые HTML-элементы✨ наконец-то решат старую проблему

00:00 Интро
00:22 В чём проблема?
01:50 Описание задачи
02:34 Недостатки селекта
04:36 Что нам нужно
05:22 Open UI
07:20 Попап вместо селекта
09:46 Стилизация попапа
11:45 Доступность и фокус
13:52 Кроссбраузерность
15:41 Выводы
16:59 Аутро

Нравится? Становитесь патронами https://www.patreon.com/pepelsbey

Демо с попапом https://pepelsbey.github.io/playground/popup-select/
Демо Патрика Броссета https://codepen.io/captainbrosset/pen/jOGVebx
Селект в Open UI https://open-ui.org/components/select

⚠️ Не забудьте включить Experimental Web Platform features в chrome://flags/

* * *

Камера: Sony A7C
Объектив: Sony 24–70 мм, f/4
Звук: Sound Devices MixPre-3
Микрофон: Audio-Technica BP40
Свет: Amaran 200d + Light Dome
Софт: DaVinci Resolve, iZotope RX

Видео 🥨 Попап вместо селекта: ✨новые HTML-элементы✨ наконец-то решат старую проблему канала Вадим Макеев