Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Gatsby websites auto scroll back to the top #6392

Closed
learnitmyway opened this issue Jul 11, 2018 · 11 comments
Closed

Gatsby websites auto scroll back to the top #6392

learnitmyway opened this issue Jul 11, 2018 · 11 comments
Labels
help wanted Issue with a clear description that the community can help with. stale? Issue that may be closed soon due to the original author not responding any more. type: bug An issue or pull request relating to a bug in Gatsby

Comments

@learnitmyway
Copy link

Description

When a Gatsby website loads, the user can happily start scrolling. However, after some time has elapsed the page scrolls back up to the top.

Steps to reproduce

This can be reproduced at https://www.gatsbyjs.org/ or https://reactjs.org/ by going to the website with a throttled network connection and scrolling down before render() is called.

Expected result

It should not scroll to the top

Actual result

It scrolls to the top. This will not happen if JS is disabled.

Environment

File contents (if changed)

gatsby-config.js: N/A
package.json: N/A
gatsby-node.js: N/A
gatsby-browser.js: N/A
gatsby-ssr.js: N/A

@m-allanson m-allanson added type: bug An issue or pull request relating to a bug in Gatsby help wanted Issue with a clear description that the community can help with. labels Jul 12, 2018
@m-allanson m-allanson added this to To Do - v2 in Gatsby v2 Release via automation Jul 12, 2018
@m-allanson m-allanson moved this from To Do - v2 to non-blocking but would be great to have in Gatsby v2 Release Jul 12, 2018
@m-allanson
Copy link
Contributor

Thanks for the report @developerdavo. This is mentioned over in #5675. For anyone interested in picking this up, check the discussion in 5675 for pointers on where to start investigating.

@humphreybc
Copy link
Contributor

Any update on this? I don't believe it's resolved in v2.

@KyleAMathews
Copy link
Contributor

@humphreybc no not yet unfortunately. The fix is I believe to check in https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-react-router-scroll/README.md if scroll has already happened and to not then scroll to the top which is it's default. Or perhaps easier to just not scroll at all on the initial load of the website.

Would you like to work on a PR? This would be really nice to fix!

@humphreybc
Copy link
Contributor

@KyleAMathews I would love to but I'm a bit short on time right now unfortunately 🙁

@KyleAMathews
Copy link
Contributor

No worries :-) hopefully someone will pick this up soon

@stefanprobst
Copy link
Contributor

I think this would be fixed by returning false in shouldUpdateScroll. The problem is: what should happen on page reload (when we want to scroll to the last saved position)?

@mpartipilo
Copy link
Contributor

This is probably the same thing that is happening for me whenever I am actively scrolling the page and a part of the DOM changes with a timer. I'll try to post a simple repro.

@gatsbot gatsbot bot added the stale? Issue that may be closed soon due to the original author not responding any more. label Feb 2, 2019
@gatsbot
Copy link

gatsbot bot commented Feb 2, 2019

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

Thanks for being a part of the Gatsby community! 💪💜

@abumalick
Copy link
Contributor

I really think that this one is important

@KyleAMathews
Copy link
Contributor

@wardpeet actually fixed this a couple of weeks ago!

#11224

@abumalick
Copy link
Contributor

abumalick commented Feb 3, 2019 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Issue with a clear description that the community can help with. stale? Issue that may be closed soon due to the original author not responding any more. type: bug An issue or pull request relating to a bug in Gatsby
Projects
No open projects
Gatsby v2 Release
  
non-blocking but would be great to have
Development

No branches or pull requests

7 participants