2.3Kпросмотров
20 февраля 2026 г.
📷 ФотоScore: 2.5K
Хотел я сделать нативный автокомплит через datalist, но UX на мобилках как-то так себе. Особенно сломано выглядит на ios.
Элементы либо не отображаются, либо у них отсутствует подпись (может посмотреть самим по примерам).
Еще почему-то вылетает 2 поля для выбора (может это конечно эмулятор так делает). Вот как выглядит в сафари на ios (1) Вот так в хроме на android (2) В фаерфоксе Limited availability. В браузерах в целом привычно, как обычный селект, с возможность подставить значение при вводе. И как я понимаю еще option не кастомизируется также как в select. Для браузеров, которые вообще не поддерживают есть полифилл. Имхо сейчас можно использовать только для десктопа, но тут даже не знаю как назвать, прогрессивное это улучшение или красивая деградация на мобилках до кастомного автокомплита (когда рендерим два инпута и скрываем один по платформе). Много примеров в Дока