fix(Tabs): support dynamic tabs

mtorromeo · Sep 16, 2024 · 258ddfd · 258ddfd
1 parent a331041
commit 258ddfd
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/core/src/components/Tabs/Tabs.vue b/packages/core/src/components/Tabs/Tabs.vue
@@ -107,7 +107,7 @@ import buttonStyles from '@patternfly/react-styles/css/components/Button/button'
 import { classesFromBreakpointProps, type InsetBreakpointProps } from '../../breakpoints';
 import { isElementInView, getUniqueId } from '../../util';
 import { useManagedProp } from '../../use';
-import { watchEffect, nextTick, onMounted, provide, computed, type InjectionKey, type ComputedRef, type Ref, ref, type WritableComputedRef, type HTMLAttributes } from 'vue';
+import { watch, watchEffect, nextTick, onMounted, provide, computed, type InjectionKey, type ComputedRef, type Ref, ref, type WritableComputedRef, type HTMLAttributes } from 'vue';
 import { useOUIAProps, type OUIAProps } from '../../helpers/ouia';
 import AngleLeftIcon from '@vue-patternfly/icons/angle-left-icon';
 import AngleRightIcon from '@vue-patternfly/icons/angle-right-icon';
@@ -160,6 +160,8 @@ watchEffect(() => {
   }
 });
 
+watch(tabKeys, handleScrollButtons, { immediate: true });
+
 onMounted(() => {
   nextTick(handleScrollButtons);
 });