Today’s thankless task: figuring out what about my bog-standard, non-JS, bag-of-HTML-pages of a personal website compels iOS Safari to jump to the top of the article every time I hit the back button, instead of maintaining the scroll position, when visiting any external link.
Alright, that was quick. The tabindex=-1 on <main id='main'> causes iOS Safari to activate the element and scroll it into view when returning to the page. I will look for (and file) a bug for that.
But… @aardrian also has <main tabindex=-1> on his blog, to no ill effect on iOS Safari…
@siblingpastry@aardrian It resets the scroll position to the top of <main> when returning to the page after navigating away from it. I'll try to clarify the title / content.
@db@aardrian Sorry I was too vague there. I understand the behaviour you’re describing. But all three of the browsers you described do something different — why is Safari’s behaviour the one that you deem to be broken?
@siblingpastry@aardrian Well, in addition to focusing on <main>, iOS Safari scrolls to the top of it. It loses my place on the web page when I follow links.
@siblingpastry@aardrian I merely mentioned document.activeElement = main as what tipped me to finding the root cause. It's the scrolling to top that’s problematic.
Add comment