fix anchor navigation (#87)

Co-authored-by: rafapaezbas <rafa@holepunch.com>
holepunchto · Mar 8, 2024 · 8d5bbaf · 8d5bbaf
1 parent 48b848a
commit 8d5bbaf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/building-blocks/hyperdrive.md b/building-blocks/hyperdrive.md
@@ -6,7 +6,7 @@ Notable features include:
 
 * Uses Hyperbee internally for storing file metadata
 * Major API simplification. Instead of mirroring POSIX APIs, the new API better captures the core requirements of P2P file transfer.
-* Auxiliary tools, [`localdrive`](./helpers/localdrive.md) and [`mirrordrive`](./helpers/mirrordrive.md), that streamline import/export flows and make it easy to mirror drives to and from the local filesystem.
+* Auxiliary tools, [`localdrive`](../helpers/localdrive.md) and [`mirrordrive`](../helpers/mirrordrive.md), that streamline import/export flows and make it easy to mirror drives to and from the local filesystem.
 
 > [GitHub (Hyperdrive)](https://github.com/holepunchto/hyperdrive)
 

diff --git a/lib/app-router.js b/lib/app-router.js
@@ -4,15 +4,17 @@ customElements.define('app-router', class AppRouter extends HTMLElement {
     super()
     this.routes = {}
     this.page = null
+    this.anchor = null
   }
 
   unload () {
     for (const element of Object.values(this.routes)) element?.unload && element.unload()
   }
 
   async load (pathname = '/', opts = {}) {
-    if (this.page === pathname) return
+    if (this.page === pathname && this.anchor === opts.anchor) return
     this.page = pathname
+    this.anchor = opts.anchor
     for (const [route, element] of Object.entries(this.routes)) {
       if (pathname.startsWith(route)) {
         const page = pathname.slice(route.length) || '/'