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

Prevent the fixed header from overlapping the content on navigation: CSS scroll-padding-top #252

Open
lacymorrow opened this issue Dec 7, 2023 · 1 comment

Comments

@lacymorrow
Copy link

lacymorrow commented Dec 7, 2023

https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top

If you're going to charge for it, things need to be polished. Happy to PR for you.

Edit: this is going to be a fun one! Not easily reproducible, which means it's likely a JS error vs a CSS one (react or nextjs)

@lacymorrow
Copy link
Author

lacymorrow commented Dec 7, 2023

To reproduce:

  1. From homepage
  2. Click "Features"
  3. Browser scrolls to page <a>nchor.
  4. Click "Documentation"
  5. Click any link in the documentation sidebar.
  6. Browser scrolls far beyond the intended area of the page.
  7. Repeat from step 5 to repeat the issue.

This is after clicking "Getting Started" > "Introduction":

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant