From ec6e0c51a50fe9cdd9d261fbc44ca058d533b420 Mon Sep 17 00:00:00 2001
From: betavs <34408516+betavs@users.noreply.github.com>
Date: Thu, 1 May 2025 18:23:23 +0800
Subject: [PATCH] fix(components): [select] update selection width calculation
 (#20615)

* fix(components): [select] update selection width calculation

* fix(components): [select-v2] update selection width calculation
---
 packages/components/select-v2/src/useSelect.ts | 4 +++-
 packages/components/select/src/useSelect.ts    | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/components/select-v2/src/useSelect.ts b/packages/components/select-v2/src/useSelect.ts
index 5918bf6314..4b09b00777 100644
--- a/packages/components/select-v2/src/useSelect.ts
+++ b/packages/components/select-v2/src/useSelect.ts
@@ -533,7 +533,9 @@ const useSelect = (props: ISelectV2Props, emit: SelectEmitFn) => {
   }
 
   const resetSelectionWidth = () => {
-    states.selectionWidth = selectionRef.value!.getBoundingClientRect().width
+    states.selectionWidth = Number.parseFloat(
+      window.getComputedStyle(selectionRef.value!).width
+    )
   }
 
   const resetCollapseItemWidth = () => {
diff --git a/packages/components/select/src/useSelect.ts b/packages/components/select/src/useSelect.ts
index 77318fb62d..c48efa814c 100644
--- a/packages/components/select/src/useSelect.ts
+++ b/packages/components/select/src/useSelect.ts
@@ -454,7 +454,9 @@ export const useSelect = (props: ISelectProps, emit: SelectEmits) => {
   }
 
   const resetSelectionWidth = () => {
-    states.selectionWidth = selectionRef.value!.getBoundingClientRect().width
+    states.selectionWidth = Number.parseFloat(
+      window.getComputedStyle(selectionRef.value!).width
+    )
   }
 
   const resetCollapseItemWidth = () => {