fix(@dpc-sdp/ripple-nuxt-tide): fix pages breaking when numbers are u…

…sed at the start of an in page nav item (#1310) Co-authored-by: David Featherston <david.featherstone@dpc.vic.gov.au>
dpc-sdp · Aug 17, 2023 · bdb47fc · bdb47fc
1 parent bc75f33
commit bdb47fc
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/ripple-nuxt-tide/lib/layouts/default.vue b/packages/ripple-nuxt-tide/lib/layouts/default.vue
@@ -129,7 +129,9 @@ export default {
       this.announcerTitle = `Page loading`
     },
     anchorScrollFix (hashbang) {
-      const elmnt = document.querySelector(hashbang)
+      // Hashes can start with a number "#2-item" making them invalid, so we need to use an attribute selector
+      const idSelector = `[id="${hashbang.replace('#', '')}"]`
+      const elmnt = document.querySelector(idSelector)
       if (elmnt) {
         elmnt.scrollIntoView()
       }