TabMenu error when no route matches one of the menu paths

[Dravere]

The TabMenu creates a JavaScript warning in the dev console when no path matches any of the provided to paths in the menu items. The error happens in updateInkBar in DomHandler.getWidth because the passed tabHeader/el parameter is undefined.

primevue/src/components/tabmenu/TabMenu.vue

Line 80 in d624e17

this.$refs.inkbar.style.width = DomHandler.getWidth(tabHeader) + 'px';

The parameter is undefined because findActiveTabIndex on the line before returned null, since no active route could be found.

I would recommend to at least catch the null value in there and do something like this:

updateInkBar() {
    let activeTabIndex = this.findActiveTabIndex();
    if (activeTabIndex !== null) {
        let tabHeader = this.$refs.nav.children[activeTabIndex];
        this.$refs.inkbar.style.width = DomHandler.getWidth(tabHeader) + 'px';
        this.$refs.inkbar.style.left =  DomHandler.getOffset(tabHeader).left - DomHandler.getOffset(this.$refs.nav).left + 'px';
    } else {
        this.$refs.inkbar.style.width = '0px';
        this.$refs.inkbar.style.left =  '0px';
    }
}