-
-
Notifications
You must be signed in to change notification settings - Fork 7.1k
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
fix(docs): ref scroll #29819
fix(docs): ref scroll #29819
Conversation
No changes detected in Preview Branches by Supabase. |
The latest updates on your projects. Learn more about Vercel for Git ↗︎
5 Skipped Deployments
|
25fa8e3
to
8802fcf
Compare
8802fcf
to
f1c23a9
Compare
Fix various scrolling bugs with reference pages: - Take out smooth scrolling as it tends to lead to buggy scrolling position - Add overscroll-behavior: contain to the nav, otherwise overscrolling on the nav scrolls the main page, which causes the nav to jump around unexpectedly - Put aria-current calculation in useEffect as otherwise it doesn't trigger properly on first load
f1c23a9
to
49fe084
Compare
49fe084
to
86aedd0
Compare
86aedd0
to
85bb2b5
Compare
85bb2b5
to
4f0e4e6
Compare
4f0e4e6
to
1b9b9d6
Compare
1b9b9d6
to
f621542
Compare
f621542
to
47dbdb0
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
const scrollPosition = offsetTop - parentOffsetTop | ||
|
||
parentRef.current?.scrollTo({ | ||
top: scrollPosition - 60 /* arbitrary padding */, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
question
If that's meant to offset the scrolling, doesn't that match the "top navbar" height (50px) a bit of padding ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
yep that's true, will update comment 👍🏼
47dbdb0
to
f23a782
Compare
Fix various scrolling bugs with reference pages: - Take out smooth scrolling as it tends to lead to buggy scrolling position - Add overscroll-behavior: contain to the nav, otherwise overscrolling on the nav scrolls the main page, which causes the nav to jump around unexpectedly - Put aria-current calculation in useEffect as otherwise it doesn't trigger properly on first load
Fix various scrolling bugs with reference pages: - Take out smooth scrolling as it tends to lead to buggy scrolling position - Add overscroll-behavior: contain to the nav, otherwise overscrolling on the nav scrolls the main page, which causes the nav to jump around unexpectedly - Put aria-current calculation in useEffect as otherwise it doesn't trigger properly on first load
Fix various scrolling bugs with reference pages:
See https://supabase.slack.com/archives/C023E4L60R3/p1728116359237709