Лол, неведомые тайны select на safari айпада?

Question

[Никита Кит]

Ребят, лол как так?
Ну то есть я вообще не могу сэмулировать как у него получается ныкать попап при выборе селекта на айпаде. Откуда мог возникнуть такой косяк? В коде формы ничего подозрительного. Ивент-листнеров на select-ах нету.

https://yadi.sk/i/nlMSMJMUtKKTp

Вот пример модалки:

www.makroscomp.ru/productions/podemniki/gruzopassa...

Answer 1

[Максим Тимофеев]

Как вариант прописать явно z-index для backdrop (затемнения) и для модалки.
Но я в данном случае склонен думать, что это частный случай. Может быть расширения какие-то в виде adblock и подобной ерунды. Если не получается воспроизвести хотя бы на еще одном устройстве - надо брать этот ipad и сносить по очереди расширения, обновлять браузер и т.д.

Comments

[Никита Кит]

что-то я тоже склонен к версии о расширениях. я не могу объяснить подобное поведение иначе

[Максим Тимофеев]

Никита Кит: Тысячу раз упирался в волшебство и магию, которая оказывалась дополнением браузера или кривыми руками юзера. Поэтому, пока подобное не повторяется хотя бы на еще одном устройстве - это не баг.

[Никита Кит]

Максим Тимофеев: лол. Я повторил в browserstack.

[Максим Тимофеев]

Никита Кит: и?

[Никита Кит]

Максим Тимофеев: и баг блин, z-index не помогает даже в important.

[Максим Тимофеев]

Никита Кит: Так а что происходит? Модалка закрывается или уходит вниз под другие слои?

[Максим Тимофеев]

Никита Кит: Есть идея: select всегда выводится поверх остального. Возможно клик по нему воспринимается как клик вне модалки и закрывает модальное окно. Попробуй задать select-у position: relative; z-index: -1;. Там наверное дело в том, что в html5 и html4 у select разные роли и поведения.

[Никита Кит]

Максим Тимофеев: да не, зачем изобретать велик. Если селект багается на айпаде, значит для юзерагента сафари на айпадах я убрал селекты и заюзал вместо них type radio. спасибо, deviceJS и моим скиллам стилизации инпутов, всё смотрится чудно с айпада

[Максим Тимофеев]

Никита Кит: как вариант.