Pewarta Proxy

📋 Server Request & Proxy Logs

Loading active proxy settings...
Developed by Khairul Adha (adhexa.id)
Mengambil log server...

⚙️ Pengaturan Proxy Target

Skip to content

fix(router): scroll to top when href="/" and hash already present - #32954

Merged
kodiakhq[bot] merged 3 commits into
canaryfrom
fix/router-hash-navigate-to-top
Jan 3, 2022
Merged

fix(router): scroll to top when href="/" and hash already present#32954
kodiakhq[bot] merged 3 commits into
canaryfrom
fix/router-hash-navigate-to-top

Conversation

@balazsorban44

@balazsorban44 balazsorban44 commented Jan 3, 2022 •
edited
Loading

Copy link
Copy Markdown
Contributor

When the URL already contains a hash (like /#section) and a Link with href="/" is clicked, the page should scroll to the top on the first click. Currently, it only happens with the second click (after #section has been removed from the URL).

Fixes #32931

Bug

  • Related issues linked using fixes #number
  • Integration tests added
  • Errors have helpful link attached, see contributing.md

Feature

  • Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
  • Related issues linked using fixes #number
  • Integration tests added
  • Documentation added
  • Telemetry added. In case of a feature if it's used or not.
  • Errors have helpful link attached, see contributing.md

Documentation / Examples

  • Make sure the linting passes by running yarn lint

@ijjk ijjk added the type: next label Jan 3, 2022
@balazsorban44 balazsorban44 changed the title fix(router): scroll to top on "/" when hash present fix(router): scroll to top when href="/" and hash already present Jan 3, 2022
@ijjk

ijjk commented Jan 3, 2022

Copy link
Copy Markdown
Member

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
buildDuration 19.2s 19.2s -12ms
buildDurationCached 4.1s 4.2s ⚠️ +59ms
nodeModulesSize 348 MB 348 MB ⚠️ +16 B
Page Load Tests Overall increase ✓
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
/ failed reqs 0 0 ✓
/ total time (seconds) 4.066 3.946 -0.12
/ avg req/sec 614.91 633.57 +18.66
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 2.066 2.052 -0.01
/error-in-render avg req/sec 1210.32 1218.27 +7.95
Client Bundles (main, webpack, commons) Overall increase ⚠️
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
450.HASH.js gzip 179 B 179 B ✓
framework-HASH.js gzip 42.2 kB 42.2 kB ✓
main-HASH.js gzip 27 kB 27 kB ⚠️ +2 B
webpack-HASH.js gzip 1.45 kB 1.45 kB ✓
Overall change 70.9 kB 70.9 kB ⚠️ +2 B
Legacy Client Bundles (polyfills)
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
polyfills-HASH.js gzip 31 kB 31 kB ✓
Overall change 31 kB 31 kB ✓
Client Pages
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
_app-HASH.js gzip 1.37 kB 1.37 kB ✓
_error-HASH.js gzip 194 B 194 B ✓
amp-HASH.js gzip 312 B 312 B ✓
css-HASH.js gzip 326 B 326 B ✓
dynamic-HASH.js gzip 2.37 kB 2.37 kB ✓
head-HASH.js gzip 350 B 350 B ✓
hooks-HASH.js gzip 919 B 919 B ✓
image-HASH.js gzip 4.74 kB 4.74 kB ✓
index-HASH.js gzip 263 B 263 B ✓
link-HASH.js gzip 2.13 kB 2.13 kB ✓
routerDirect..HASH.js gzip 321 B 321 B ✓
script-HASH.js gzip 383 B 383 B ✓
withRouter-HASH.js gzip 318 B 318 B ✓
85e02e95b279..7e3.css gzip 107 B 107 B ✓
Overall change 14.1 kB 14.1 kB ✓
Client Build Manifests
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
_buildManifest.js gzip 459 B 459 B ✓
Overall change 459 B 459 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
index.html gzip 532 B 533 B ⚠️ +1 B
link.html gzip 547 B 547 B ✓
withRouter.html gzip 527 B 527 B ✓
Overall change 1.61 kB 1.61 kB ⚠️ +1 B

Diffs

Diff for main-HASH.js 
@@ -5805,7 +5805,8 @@
             key: "scrollToHash",
             value: function scrollToHash(as) {
               var ref = _slicedToArray(as.split("#"), 2),
-                hash = ref[1];
+                tmp = ref[1],
+                hash = tmp === void 0 ? "" : tmp;
               // Scroll to top if the hash is just `#` with no value or `#top`
               // To mirror browsers
               if (hash === "" || hash === "top") {
Diff for index.html 
@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-5b6e3b5258ce1394.js"
+      src="/_next/static/chunks/main-9cee2973de78a626.js"
       defer=""
     ></script>
     <script
Diff for link.html 
@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-5b6e3b5258ce1394.js"
+      src="/_next/static/chunks/main-9cee2973de78a626.js"
       defer=""
     ></script>
     <script
Diff for withRouter.html 
@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-5b6e3b5258ce1394.js"
+      src="/_next/static/chunks/main-9cee2973de78a626.js"
       defer=""
     ></script>
     <script
Default Build with SWC (Decrease detected ✓)
General Overall increase ⚠️
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
buildDuration 20.9s 20.9s -25ms
buildDurationCached 4.1s 4.3s ⚠️ +202ms
nodeModulesSize 348 MB 348 MB ⚠️ +16 B
Page Load Tests Overall decrease ⚠️
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
/ failed reqs 0 0 ✓
/ total time (seconds) 3.988 3.997 ⚠️ +0.01
/ avg req/sec 626.89 625.45 ⚠️ -1.44
/error-in-render failed reqs 0 0 ✓
/error-in-render total time (seconds) 2.024 2.043 ⚠️ +0.02
/error-in-render avg req/sec 1235.12 1223.46 ⚠️ -11.66
Client Bundles (main, webpack, commons) Overall increase ⚠️
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
450.HASH.js gzip 179 B 179 B ✓
framework-HASH.js gzip 42.3 kB 42.3 kB ✓
main-HASH.js gzip 27.2 kB 27.2 kB ⚠️ +2 B
webpack-HASH.js gzip 1.44 kB 1.44 kB ✓
Overall change 71.1 kB 71.1 kB ⚠️ +2 B
Legacy Client Bundles (polyfills)
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
polyfills-HASH.js gzip 31 kB 31 kB ✓
Overall change 31 kB 31 kB ✓
Client Pages
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
_app-HASH.js gzip 1.35 kB 1.35 kB ✓
_error-HASH.js gzip 180 B 180 B ✓
amp-HASH.js gzip 305 B 305 B ✓
css-HASH.js gzip 321 B 321 B ✓
dynamic-HASH.js gzip 2.36 kB 2.36 kB ✓
head-HASH.js gzip 342 B 342 B ✓
hooks-HASH.js gzip 906 B 906 B ✓
image-HASH.js gzip 4.76 kB 4.76 kB ✓
index-HASH.js gzip 256 B 256 B ✓
link-HASH.js gzip 2.19 kB 2.19 kB ✓
routerDirect..HASH.js gzip 314 B 314 B ✓
script-HASH.js gzip 375 B 375 B ✓
withRouter-HASH.js gzip 309 B 309 B ✓
85e02e95b279..7e3.css gzip 107 B 107 B ✓
Overall change 14.1 kB 14.1 kB ✓
Client Build Manifests
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
_buildManifest.js gzip 459 B 459 B ✓
Overall change 459 B 459 B ✓
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary vercel/next.js fix/router-hash-navigate-to-top Change
index.html gzip 532 B 531 B -1 B
link.html gzip 544 B 545 B ⚠️ +1 B
withRouter.html gzip 525 B 526 B ⚠️ +1 B
Overall change 1.6 kB 1.6 kB ⚠️ +1 B

Diffs

Diff for main-HASH.js 
@@ -5805,7 +5805,8 @@
             key: "scrollToHash",
             value: function scrollToHash(as) {
               var ref = _slicedToArray(as.split("#"), 2),
-                hash = ref[1];
+                tmp = ref[1],
+                hash = tmp === void 0 ? "" : tmp;
               // Scroll to top if the hash is just `#` with no value or `#top`
               // To mirror browsers
               if (hash === "" || hash === "top") {
Diff for index.html 
@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-5b6e3b5258ce1394.js"
+      src="/_next/static/chunks/main-9cee2973de78a626.js"
       defer=""
     ></script>
     <script
Diff for link.html 
@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-5b6e3b5258ce1394.js"
+      src="/_next/static/chunks/main-9cee2973de78a626.js"
       defer=""
     ></script>
     <script
Diff for withRouter.html 
@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-5b6e3b5258ce1394.js"
+      src="/_next/static/chunks/main-9cee2973de78a626.js"
       defer=""
     ></script>
     <script
Commit: 92ad46b

ijjk
ijjk approved these changes Jan 3, 2022
View reviewed changes

@ijjk ijjk left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

@kodiakhq
kodiakhq Bot merged commit be1d308 into canary Jan 3, 2022
@kodiakhq
kodiakhq Bot deleted the fix/router-hash-navigate-to-top branch January 3, 2022 02:57
@vercel vercel locked as resolved and limited conversation to collaborators Feb 2, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Reviewers

@ijjk ijjk ijjk approved these changes
@huozhi huozhi Awaiting requested review from huozhi
@shuding shuding Awaiting requested review from shuding
@timneutkens timneutkens Awaiting requested review from timneutkens

Assignees

No one assigned

Labels

type: next

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

On a page with hash, next/link without hash on the same page does not work (not scroll to top)

2 participants

@balazsorban44 @ijjk