Баг таймлайна на мобильном (видео прикреплено)

Я заметил на Meta и других экземплярах Discourse, что при использовании временной шкалы на мобильных устройствах (в частности, плавающей временной шкалы), после выбора поста для навигации полноэкранный вид (.timeline-fullscreen) удаляет класс ‘show’, как и ожидалось, однако временная шкала всё ещё слегка видна в нижней части экрана.

Чтобы плавающая временная шкала снова корректно отобразилась полностью, нужно нажать на неё ещё раз.

Это поведение кажется связанным с проблемой распространения событий или чем-то подобным. Кто-то ещё сталкивался с этим или есть известное решение?

Заранее спасибо.

1 лайк

Думаю, об этом уже сообщалось ранее на Topic header persists at the bottom of the screen after using mobile navigator

4 лайка

Я знал, что что-то будет — конечно, я искал «timeline» 15 минут, но ничего не нашёл. Ха-ха.

Его можно объединить, но меня настораживает, что его не заметили уже 4 месяца!

1 лайк

Определенно проблема с распространением событий. Я протестировал это следующим образом:

клик в любом месте после того, как у класса ‘show’ будет удалён класс, запускает JS, который возвращает таймлайн и удаляет div с классом .timeline-fullscreen. Так что, честно говоря, это должно быть простое исправление.

Дубликат Topic header persists at the bottom of the screen after using mobile navigator, решение там!