fix: 🐛 修正自动宽度下获取宽度精度的问题 (#4754)

Tencent · Nov 19, 2024 · 7b21f94 · 7b21f94
1 parent f664d88
commit 7b21f94
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/input/useInputWidth.ts b/src/input/useInputWidth.ts
@@ -15,9 +15,8 @@ export default function useInputWidth(
 
   const updateInputWidth = () => {
     if (!inputPreRef.value || !inputRef.value) return;
-    // 使用 offsetWidth，会丢失精度，但是在配合 transform 的场景下，不会受到 scale 影响从而设置到错误的宽度
-    const width = inputPreRef.value.offsetWidth;
-    inputRef.value.style.width = `${width || 0}px`;
+    // 使用 getComputedStyle 规避 transform 带来的影响
+    inputRef.value.style.width = getComputedStyle(inputPreRef.value).width;
   };
 
   useResizeObserver(inputPreRef, () => {