1182012 - css `scroll-behavior: smooth` doesn't work when using back/forward button

Status: RESOLVED DUPLICATE of bug 391664

(Core :: General, defect)

Description

[Keith]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/600.6.3 (KHTML, like Gecko) Version/8.0.6 Safari/600.6.3

Steps to reproduce:



1. Visit http://keithclark.co.uk/temp/pure-css-parallax-nav-demo/
2. Click 'Slide 4', page should smooth scroll to slide 4
2. Click 'Slide 2', page should smooth scroll to slide 2
3. Click browser Back, page should smooth scroll to slide 4
4. Click browser Forward, page should smooth scroll to slide 2


Actual results:

Using the back/forward buttons does not trigger a scroll in this example


Expected results:

Page should have smooth scrolled to slides 4 and 2

Comment 1

[:kip (Kearwood Gilbert)]

I have reproduced this using these instructions.  IMHO, this is a bug - users would expect the scrolling to be consistent when using the back/forward buttons to navigate between different hash URI's of the same page.

Comment 2

[Nickolay_Ponomarev]

Thanks for the report! I can reproduce on OS X nightly.

This doesn't seem to be limited to `scroll-behavior: smooth`: if I remove that, the page still doesn't scroll on back/forward.

Any chance you could minimize the testcase even further, removing everything not required to reproduce the bug?

Comment 3

[keith]

I've reduced the test case further: http://codepen.io/keithclark/pen/mJoxbo

It seems the problem occurs when an anchor is nested inside an element with the overflow property set.

In the demo above, comment out the `overflow` properties on lines 4 and 10 of the CSS to see the desired result.

Comment 4

[Nickolay_Ponomarev]

Thanks for the testcase! Looks like this is a known bug...

Comment 5

[Firefox Bug Husbandry Bot]

Moving from Core::Untriaged to Core::General https://bugzilla.mozilla.org/show_bug.cgi?id=1407598