1884638 - Scrolling through a specific page is truncated on phones

Status: NEW

(Core :: Panning and Zooming, defect, P3)

Description

[Mira Lobontiu (Android QA)]

Attachment: bug.mp4

Steps to reproduce

1. Open https://belen-albeza.github.io/scroll-demos/parallax.html.
2. Scroll the page all the way, and observe.

Expected behavior

The page can be scrolled entirely.

Actual behavior

The page can be scrolled, but not all the way - please see the attached short video.

Device information

• Firefox version: all
• Android devices: Samsung Galaxy S24 (Android 14), Google Pixel 6 (Android 14)

Any additional information?

• On Chrome, the page can be scrolled entirely.

Comment 1

[Dennis Schubert [:denschub]]

This site isn't doing some JS-based scrolling, it's all just native scrolling with the different parallax layers being shifted around with translateZ() transforms. The layout for this page appears correct, that text is supposed to be aligned to the bottom of the viewport. However, if the dynamic toolbar is enabled, the bottom of the viewport is partially behind the toolbar.

The problem here is that the dynamic toolbar isn't hiding itself when scrolling down. Likewise, when trying to scroll back up, it's super easy to trigger pull-to-refresh. So it feels like somehow there's something going wrong in the scrolling logic. Since I know very little about this, I am going to move this into the Panning and Zooming core component for now, hoping that someone with more knowledge can figure this out (and maybe explain how we could help debug stuff like this in the future!)

Comment 2

[eclaudiu64]

This error is similar to this: https://bugzilla.mozilla.org/show_bug.cgi?id=1888827

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

The product::component has been changed since the backlog priority was decided, so we're resetting it.
For more information, please visit BugBot documentation.