Баг мобильного браузера: при видимом топ-баре не работает переход по ссылкам меню

На экранах max-width: 479.98px сворачивающееся меню открывается на весь экран, и к body добавляется класс lock {overflow: hidden;}. При сворачивании меню класс lock убирается. На эмуляторе маленьких экранов всё работает, как надо. На мобильном баг: если видна верхняя панель браузера, перехода по ссылке меню не происходит. При этом меню закрывается, как надо, и в адресной строке отображается якорь нажатой ссылки. Если же верхняя панель браузера скрыта, меню работает, как требуется! При этом на разрешениях больше, для которых прокрутка body не блокируется, этой проблемы нет.

Панель видна, переход не работает. Скрин 1

Панель не видна, всё как надо. Скрин 2

Код: https://github.com/randominical/transys_demonstration

Демонстрация проблемы: https://randominical.github.io/transys_demonstration/ Открывайте на мобильных не шире 479px, чтобы увидеть, в чём дело!

UPD: На нескольких других смартфонах баг не воспроизвёлся. Так что, возможно, дело не исключительно в ширине. Со сменой overflow: hidden; на position: fixed; баг повторился на том же смартфоне без изменений. Есть версия, что это баг телефона. В таком случае вопрос к сообществу: у вас как, работает или глючит?


Ответы (0 шт):