12 March 2015 12:15
Используя фреймворк Bootstrap довольно быстро сделать выпадающее меню, которое будет корректно работать во всех браузерах, в том числе и мобильных. Или нет?
Видимо, нет. Обнаружил, что в мобильной версии браузера Safari, элементы меню, по клику на которые должен выпадать список под пунктов, не работают как предполагалось.
И так, сразу к делу, причины оказалось две:
Эта тема оказалась довольна популярной - ответ нашел здесь. Необходимо заменить ontouchstart на disable-ontouchstart. К сожалению, отладить код и понять в чем же суть проблемы не удалось...
Оказываться, для того чтобы внутри мобильной версии Safari отработал обработчик по клику необходимо было добавить свойство cursor со значением pointer, хотя здесь были предложены и другие решения, это показалось наиболее подходящим.