fix: handle scroll to header in tabset hidden tab

requarks · Dec 18, 2021 · e79e591 · e79e591
1 parent 5d3e814
commit e79e591
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/client/themes/default/components/tabset.vue b/client/themes/default/components/tabset.vue
@@ -37,7 +37,22 @@ export default {
     }
   },
   mounted () {
+    // Handle scroll to header on load within hidden tab content
+    if (window.location.hash && window.location.hash.length > 1) {
+      const headerId = decodeURIComponent(window.location.hash)
+      let foundIdx = -1
+      this.$refs.content.childNodes.forEach((node, idx) => {
+        if (node.querySelector(headerId)) {
+          foundIdx = idx
+        }
+      })
+      if (foundIdx >= 0) {
+        this.currentTab = foundIdx
+      }
+    }
+
     this.setActiveTab()
+
     this.$refs.tabs.childNodes.forEach((node, idx) => {
       node.addEventListener('click', ev => {
         this.currentTab = [].indexOf.call(ev.target.parentNode.children, ev.target)