From a21833f9733f4bef6cf88f08c1687fa3e41c27ae Mon Sep 17 00:00:00 2001
From: Gavin <19986739+wjw-gavin@users.noreply.github.com>
Date: Sat, 11 Feb 2023 22:17:43 +0800
Subject: [PATCH] fix(PickerGroup): fix style of tab-line caused by v-show
(#11547)
* fix(PickerGroup): fix style of tab-line caused by v-show
* chore: replce ResizeObserver api with useVisibilityChange
---
packages/vant/src/tabs/Tabs.tsx | 2 ++
1 file changed, 2 insertions(+)
diff --git a/packages/vant/src/tabs/Tabs.tsx b/packages/vant/src/tabs/Tabs.tsx
index e8e87d63d..f99891f9c 100644
--- a/packages/vant/src/tabs/Tabs.tsx
+++ b/packages/vant/src/tabs/Tabs.tsx
@@ -49,6 +49,7 @@ import { route, RouteProps } from '../composables/use-route';
import { useRefs } from '../composables/use-refs';
import { useExpose } from '../composables/use-expose';
import { onPopupReopen } from '../composables/on-popup-reopen';
+import { useVisibilityChange } from '../composables/use-visibility-change';
// Components
import { Sticky } from '../sticky';
@@ -472,6 +473,7 @@ export default defineComponent({
onActivated(setLine);
onPopupReopen(setLine);
onMountedOrActivated(init);
+ useVisibilityChange(root, setLine);
useEventListener('scroll', onScroll, {
target: scroller,
passive: true,