Force reflow when setting scrollBehavior

vercel · Dec 6, 2022 · 6ba1f64 · 6ba1f64
1 parent efe1742
commit 6ba1f64
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/next/client/index.tsx b/packages/next/client/index.tsx
@@ -697,6 +697,7 @@ function doRender(input: RenderRouteInfo): Promise<any> {
       const htmlElement = document.documentElement
       const existing = htmlElement.style.scrollBehavior
       htmlElement.style.scrollBehavior = 'auto'
+      htmlElement.getClientRects()
       window.scrollTo(input.scroll.x, input.scroll.y)
       htmlElement.style.scrollBehavior = existing
     }

diff --git a/packages/next/shared/lib/router/router.ts b/packages/next/shared/lib/router/router.ts
@@ -659,6 +659,7 @@ function handleSmoothScroll(fn: () => void) {
   const htmlElement = document.documentElement
   const existing = htmlElement.style.scrollBehavior
   htmlElement.style.scrollBehavior = 'auto'
+  htmlElement.getClientRects()
   fn()
   htmlElement.style.scrollBehavior = existing
 }