From ceabde2558b4fe1bd1df83e337ee4e00cf00dc1c Mon Sep 17 00:00:00 2001
From: snowbitx <109521682+snowbitx@users.noreply.github.com>
Date: Tue, 12 Aug 2025 08:46:20 +0800
Subject: [PATCH] fix(components): [scrollbar] resize according to container
 size (#21694)

fix: 21693
---
 packages/components/scrollbar/src/scrollbar.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/components/scrollbar/src/scrollbar.vue b/packages/components/scrollbar/src/scrollbar.vue
index 356d68eafe..bf6ddf18dd 100644
--- a/packages/components/scrollbar/src/scrollbar.vue
+++ b/packages/components/scrollbar/src/scrollbar.vue
@@ -61,6 +61,7 @@ const emit = defineEmits(scrollbarEmits)
 const ns = useNamespace('scrollbar')
 
 let stopResizeObserver: (() => void) | undefined = undefined
+let stopWrapResizeObserver: (() => void) | undefined = undefined
 let stopResizeListener: (() => void) | undefined = undefined
 let wrapScrollTop = 0
 let wrapScrollLeft = 0
@@ -199,9 +200,11 @@ watch(
   (noresize) => {
     if (noresize) {
       stopResizeObserver?.()
+      stopWrapResizeObserver?.()
       stopResizeListener?.()
     } else {
       ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))
+      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))
       stopResizeListener = useEventListener('resize', update)
     }
   },