Dropdown Bootstrap меню и Safari

Используя фреймворк Bootstrap довольно быстро сделать выпадающее меню, которое будет корректно работать во всех браузерах, в том числе и мобильных. Или нет?

Видимо, нет. Обнаружил, что в мобильной версии браузера Safari, элементы меню, по клику на которые должен выпадать список под пунктов, не работают как предполагалось.

И так, сразу к делу, причины оказалось две:

#1 Dropdown links (выпадающие ссылки) не работают в мобильных браузерах (android, iOS)

Эта тема оказалась довольна популярной - ответ нашел здесь. Необходимо заменить ontouchstart на disable-ontouchstart. К сожалению, отладить код и понять в чем же суть проблемы не удалось...

#2 Не обрабатывается событие по клику на span, div элементах в мобильной версии Safari

Оказываться, для того чтобы внутри мобильной версии Safari отработал обработчик по клику необходимо было добавить свойство cursor со значением pointer, хотя здесь были предложены и другие решения, это показалось наиболее подходящим.

Bootstrap
comments powered by Disqus