WAIT: Anchor Links are not scrolling to the correct position on firefox mobile when activating smooth scroll

Bugs
1

Browser: Firefox 115.2.1 (mobile)
OS: Android
URL: https://jakobnistler.com/
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Basically what the title says. The issue came up when I upgraded bricks from a very old version (1.6.x) to the newest version. And I have the same issue on another site where I ran the newest version from the beginning.

Its only on firefox mobile not on the desktop version.

2

Hey Johannes,

thanks for your report.

Unfortunately we are not able to reproduce the issue on your site. Neither on Android nor on iOS.

What device are you using? What Android version? And could you please create a screencast demonstrating the exact issue?

As we’re no longer using JS for the smooth scrolling but CSS only since Bricks 1.7.1 (see changelog) the browser is responsible for scrolling to the correct position.

Best,

André

3

Hey André,
thank you for your quick reply.

I’m using a Samsung S20 FE (Model: SM-G780G/DS)
Android Version 13

Here is a youtube link with a screen recording: Screen Recording 20230727 132836 Firefox - YouTube

4

I have the same issue with Firefox Focus.

When I click on the anchor link, it scroll to the section but the section doesn’t move to the top of the screen.

No problem with Chrome.

Edit :

Apparently, it’s the layout.css.scroll-anchoring.enabled parameter in the Firefox config that is causing the problem.

Looking at: Guide to scroll anchoring - CSS: Cascading Style Sheets | MDN

I passed the “layout.css.scroll-anchoring.enabled” parameter to false and my anchor works fine…
So, I switched back to true and added these lines of CSS:

html {
overflow-anchor: none;
}

@Jo_Eder could you try ?

5

I have this bug too, in Chrome and Firefox, but not Safari.
The “overflow-anchor: none;” did not help.
The anchor links work fine with Smooth Scroll OFF.

6

I have a similar problem, smooth scroll works perfectly an desktop browser but on my iPhone it scroll to low: CleanShot 2024-03-28 at 13.40.06 Can’t find the reason for this.