isaacmarovitz.com - Scrolling with trackpad is allowed past regions where snap is mandatory

[IsaacMarovitz]

URL: https://isaacmarovitz.com

Browser / Version: Firefox 125.0
Operating System: Mac OS X 10.15
Tested Another Browser: Yes Safari

Problem type: Something else
Description: Mandatory y-axis scroll snap not working
Steps to Reproduce:
On Safari and Chrome, you cannot scroll past items marked with scroll-snap-align: end or scroll-snap-align: center; however, on Firefox, using the trackpad on macOS, you can continue to scroll past this region even when snap is mandatory.

This can be seen on the example site as you can scroll above the page's main content and below the footer, which is impossible on other browsers.

Notably, the scroll lacks any momentum, suggesting it is trying to stop you from scrolling but isn't snapping back as intended.

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[IsaacMarovitz]

Screen.Recording.2024-03-22.at.23.27.38.mov

Behavior on Safari

Screen.Recording.2024-03-22.at.23.28.04.mov

Behavior on Firefox

[softvision-raul-bucata]

Thanks for the report. Is the issue reproducible on Firefox, or Safari and Chrome (Firefox works as expected)?

[qa_13/2024]

[IsaacMarovitz]

Firefox does not work as expected, Safari and Chrome do.

[softvision-raul-bucata]

Thanks for the extra info. I was able to reproduce the issue by following the steps to reproduce:

20240401_144458.mp4

Tested with:

Browser / Version: Firefox Release 124.0.1 (64-bit)/ Firefox Nightly 126.0a1 (2024-03-31) (64-bit) /Firefox Beta 125.0b6(64-bit)/ Chrome Version 123.0.6312.86(Official Build) (64-bit)
Operating System: Windows 10 PRO x64
Operating System: Mac Ventura 13.1

Notes:

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Nightly and Release.
3. Works as expected using Chrome.
4. Mouse scrolling or dragging the arrow seems to work as expected.
5. Generally speaking, you have to scroll twice to actually scroll on the page.

Moving this to NeedsDiagnosis for further investigations.

[inv_14/2024]