Ошибка Safari iOS с множественным выбором в формах: всплывающее окно не открывается при повторной попытке выбора после н ⇐ IOS

[Anonymous]

У меня возникла проблема с множественным выбором в формах на устройствах iOS (iPad и iPhone) при использовании Safari. Если множественный выбор остается пустым и форма отправляется, в поле ввода появляется сообщение о проверке, что является ожидаемым поведением.
Проблема возникает, когда я пытаюсь взаимодействовать с множественным выбором после этого. проверка: нажатие на ввод не открывает всплывающее окно для выбора параметров, что делает невозможным соблюдение требований формы. Интересно, что если я щелкну за пределами поля ввода или перезагрузлю форму, всплывающее окно можно будет открыть снова. Эта проблема, по-видимому, характерна только для Safari на iOS, так как она работает должным образом в Chrome на тех же устройствах.
Я ожидал, что после неудачной проверки нажатие на множественный выбор откроет всплывающее окно, позволяющее мне выбирать варианты. Я тестировал это на версиях iOS 17 и 18, но проблема может возникнуть и в других версиях.
Вот ссылка, чтобы воспроизвести проблему:
https:// codepen.io/chernitsov/full/abejEyY (тестирование на iPad/iPhone в Safari)
Видео: https://imgur.com/a/Lj5cGKi

Код: Выделить всё

Multi Select

1
2




Submit
Reset

Кто-нибудь нашел решение или обходной путь этой проблемы?

Подробнее здесь: https://stackoverflow.com/questions/791 ... ying-selec