fix: handle scroll to header in tabset hidden tab

This commit is contained in:
NGPixel 2021-12-17 23:21:08 -05:00
parent 5d3e81496f
commit e79e591f9e
No known key found for this signature in database
GPG Key ID: 8FDA2F1757F60D63

View File

@ -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)