Прокрутка страниц в мобильном веб-интерфейсе

[dimon27254]

@eralde столкнулся с интересным багом.

Если открыть любую страницу веб-интерфейса (кроме Системного монитора) в вертикальной ориентации, повернуть устройство в горизонтальную ориентацию, и затем обратно в вертикальную, то ломается прокрутка страницы:

Скрытый текст

При этом, прокрутка в меню и поиске продолжает работать, а все элементы на странице функционируют как ожидается. Чтобы "оживить" прокрутку, нужно тапнуть по всплывающей подсказке у заголовка страницы и затем её закрыть. Или же просто перезагрузить страницу.

Если установить в браузере флажок "версия для ПК" - прокрутка после смены ориентации не ломается. Также не ломается, если на устройстве установлен "маленький" масштаб.

Проверял на KN-1811 с 4.2.0 в браузерах: Chrome, Edge, Firefox, Opera, Kiwi, Vivaldi, Brave, Yandex. Устройство: OnePlus 9R, Android 14, разрешение 2400x1080, масштаб стандартный.

Не уверен, получится ли у вас это воспроизвести.

Edited September 22 by dimon27254

[eralde]

7 часов назад, dimon27254 сказал:

@eralde столкнулся с интересным багом.

Если открыть любую страницу веб-интерфейса (кроме Системного монитора) в вертикальной ориентации, повернуть устройство в горизонтальную ориентацию, и затем обратно в вертикальную, то ломается прокрутка страницы:

Не уверен, получится ли это воспроизвести.

У меня пока не получается воспроизвести проблему ни с Android, ни с iOS

[dimon27254]

35 минут назад, eralde сказал:

У меня пока не получается воспроизвести проблему ни с Android, ни с iOS

Сейчас получилось это сделать в десктопном Chrome DevTools.

Можно создать пару новых эмулированных устройств или же вручную изменять размеры в "отзывчивом".

1. Установите 360x666 - это размеры видимой области на моем устройстве в вертикальной ориентации. Проверьте - прокрутка будет работать.
2. Измените на 722x270 - размеры в горизонтальной ориентации. Прокрутка пока еще работает.
3. Верните 360x666. Прокрутка сломается.

[eralde]

3 часа назад, dimon27254 сказал:

Сейчас получилось это сделать в десктопном Chrome DevTools.

Можно создать пару новых эмулированных устройств или же вручную изменять размеры в "отзывчивом".

1. Установите 360x666 - это размеры видимой области на моем устройстве в вертикальной ориентации. Проверьте - прокрутка будет работать.
2. Измените на 722x270 - размеры в горизонтальной ориентации. Прокрутка пока еще работает.
3. Верните 360x666. Прокрутка сломается.

Спасибо! Так проблема действительно воспроизводится даже в эмуляторе. Будем чинить