From fc2a003ff8d3936d67a94fe29168c41ff877ca40 Mon Sep 17 00:00:00 2001
From: rzzf <cszhjh@gmail.com>
Date: Fri, 19 Dec 2025 14:15:02 +0800
Subject: [PATCH] fix(components): [tabs] avoid resizeObserver loop when
 updating tab nav (#22966)

---
 packages/components/tabs/src/tab-nav.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/components/tabs/src/tab-nav.tsx b/packages/components/tabs/src/tab-nav.tsx
index ac4a539e4a..b1c80fcef5 100644
--- a/packages/components/tabs/src/tab-nav.tsx
+++ b/packages/components/tabs/src/tab-nav.tsx
@@ -22,6 +22,7 @@ import {
   definePropType,
   getEventCode,
   mutable,
+  rAF,
   throwError,
 } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
@@ -325,7 +326,9 @@ const TabNav = defineComponent({
       }
     })
 
-    useResizeObserver(el$, update)
+    useResizeObserver(el$, () => {
+      rAF(update)
+    })
 
     onMounted(() => setTimeout(() => scrollToActiveTab(), 0))
     onUpdated(() => update())