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

Cannot scroll on page with table of contents (chrome) #4054

Closed
thgh opened this issue Feb 23, 2022 · 6 comments
Closed

Cannot scroll on page with table of contents (chrome) #4054

thgh opened this issue Feb 23, 2022 · 6 comments
Labels
bug Something isn't working docs Relates to documentation

Comments

@thgh
Copy link

thgh commented Feb 23, 2022

What is the improvement or update you wish to see?

I would like to scroll like before.

Is there any context that might help us understand?

I also encountered this issue about a week ago.

It only happens when a table of contents (on the right) is visible. Removing that from DOM resolves the issue.

The first 100px is scrollable, after that any scroll position jumps back up immediately.

Device: Macbook with M1
Chrome: Version 98.0.4758.102 (Official Build) (arm64)
Chrome: Version 98.0.4758.109 (Official Build) (arm64)

Doesn't happen on Safari.

Video:

Screen.Recording.2022-02-23.at.11.59.45.mov

Does the docs page already exist? Please link to it.

https://next-auth.js.org/getting-started/introduction

@thgh thgh added docs Relates to documentation triage Unseen or unconfirmed by a maintainer yet. Provide extra information in the meantime. labels Feb 23, 2022
@balazsorban44 balazsorban44 added bug Something isn't working and removed triage Unseen or unconfirmed by a maintainer yet. Provide extra information in the meantime. labels Feb 23, 2022
@balazsorban44
Copy link
Member

I've had the same issue, but none of the others could reproduce, so I thought it was only me. Thanks! We'll look into this!

I somehow suspect it was due to an upgrade on Docusaurus.

@a-type
Copy link

a-type commented Feb 23, 2022

Temporary workaround: open console and run window.addEventListener('scroll', ev => { ev.stopPropagation(); }, true);.

@ubbe-xyz
Copy link
Collaborator

I'm on Chrome 98.0.4758.102 (Official Build) (arm64) in Mac M1 but can't reproduce this 🤨 . Could it be something related to some browser extension? For instance, I don't use Chrome; hence I don't have extensions installed there.

@a-type
Copy link

a-type commented Feb 24, 2022

Happens in a fresh Guest window (no extensions), Chrome, 98.0.4758.102 (Official Build) (x86_64), on Mac. Does not occur in Firefox or Safari on the same platform.

@balazsorban44
Copy link
Member

OK, so it looks like Docusaurus identified the problem as a Chrome bug, and the workaround, for now, is to make sure that chrome://flags/#enable-experimental-web-platform-features is disabled. 👍

I can confirm this fixed it for me.

More info on this issue: facebook/docusaurus#6587

It looks like there is not much for us to do right now, so I'll close this. We are trying to be on the latest Docusaurus version at all times, so if there will be a fix for this, we will update anyway 👍

@tiagorangel1
Copy link

OK, so it looks like Docusaurus identified the problem as a Chrome bug, and the workaround, for now, is to make sure that chrome://flags/#enable-experimental-web-platform-features is disabled. 👍

I can confirm this fixed it for me.

More info on this issue: facebook/docusaurus#6587

It looks like there is not much for us to do right now, so I'll close this. We are trying to be on the latest Docusaurus version at all times, so if there will be a fix for this, we will update anyway 👍

Thank you!!!!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working docs Relates to documentation
Projects
None yet
Development

No branches or pull requests

5 participants