DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
36 lines
No EOL
1.8 KiB
Text
36 lines
No EOL
1.8 KiB
Text
import { warnOnce } from '../../utils/warn-once';
|
|
/**
|
|
* Run function with `scroll-behavior: auto` applied to `<html/>`.
|
|
* This css change will be reverted after the function finishes.
|
|
*/ export function disableSmoothScrollDuringRouteTransition(fn, options = {}) {
|
|
// if only the hash is changed, we don't need to disable smooth scrolling
|
|
// we only care to prevent smooth scrolling when navigating to a new page to avoid jarring UX
|
|
if (options.onlyHashChange) {
|
|
fn();
|
|
return;
|
|
}
|
|
const htmlElement = document.documentElement;
|
|
const hasDataAttribute = htmlElement.dataset.scrollBehavior === 'smooth';
|
|
if (!hasDataAttribute) {
|
|
// Warn if smooth scrolling is detected but no data attribute is present
|
|
if (process.env.NODE_ENV === 'development' && getComputedStyle(htmlElement).scrollBehavior === 'smooth') {
|
|
warnOnce('Detected `scroll-behavior: smooth` on the `<html>` element. To disable smooth scrolling during route transitions, ' + 'add `data-scroll-behavior="smooth"` to your <html> element. ' + 'Learn more: https://nextjs.org/docs/messages/missing-data-scroll-behavior');
|
|
}
|
|
// No smooth scrolling configured, run directly without style manipulation
|
|
fn();
|
|
return;
|
|
}
|
|
// Proceed with temporarily disabling smooth scrolling
|
|
const existing = htmlElement.style.scrollBehavior;
|
|
htmlElement.style.scrollBehavior = 'auto';
|
|
if (!options.dontForceLayout) {
|
|
// In Chrome-based browsers we need to force reflow before calling `scrollTo`.
|
|
// Otherwise it will not pickup the change in scrollBehavior
|
|
// More info here: https://github.com/vercel/next.js/issues/40719#issuecomment-1336248042
|
|
htmlElement.getClientRects();
|
|
}
|
|
fn();
|
|
htmlElement.style.scrollBehavior = existing;
|
|
}
|
|
|
|
//# sourceMappingURL=disable-smooth-scroll.js.map |