У меня странная проблема с отображением в браузере, которая возникает только в Chrome для Android. (incognito и none-incognito)
Вы можете просмотреть пример этой проблемы в режиме реального времени здесь: https://www.tealsprairie.com/
1. Откройте вышеуказанный веб-сайт на устройстве Android с приложением Chrome
2. Нажмите наменю гамбургера в правом верхнем углу.
3. Нажмите на значок мини-стрелки рядом с ПЕРСОНАЛИЗИРОВАННЫМИ ПОДАРКАМИ, чтобы развернуть меню.
4. Прокрутите вниз, пока не увидите пустое место после подкатегории «Домой».
Снимок экрана: https://imgur.com/a/0sJn922
Это пустое пространство не имеет смысла, поскольку здесь присутствуют элементы HTML. Вы можете просмотреть его, используя функцию удаленных устройств Chrome Dev Tool и проверив элементы на вашем ПК.
Элементы: https://imgur.com/a/wkkMR08
Версия приложения Chrome 77.0.3865.92
Также протестировано на бета-версии приложения Chrome 78.0.3904.43
Протестировано на Android Firefox, рабочем столе Chrome, рабочем столе Firefox, Chrome iOS. Ни один из этих браузеров не затронут.
Далее я дал всему элементу li position: fixed; и z-index 99999, чтобы исключить любые проблемы z-index. Не сработало. Он все еще отключается в том же конкретном месте.
Затем я дал родительскому элементу ul overflow: scroll;, и он сделал прокрутку ul, и, следовательно, теперь я могу видеть «скрытый»"элементы путем прокрутки ul. Но тогда все ul теперь обрезается в точке, где элементы меню были спрятаны в первую очередь!
снимок экрана: https://imgur.com/a/q8i8JGI
Попытка добавления новых пунктов меню, перестановкаменю в Wordpress и т. д. Оно отключается в одной и той же точке во всех сценариях.