chore: all width

react-component · Oct 16, 2023 · fc31b64 · fc31b64
1 parent b3fc83f
commit fc31b64
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/TabNavList/index.tsx b/src/TabNavList/index.tsx
@@ -58,6 +58,7 @@ const getTabSize = (tab: HTMLElement, containerRect: { x: number; y: number }) =
   const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = tab;
   const { width, height, x, y } = tab.getBoundingClientRect();
 
+  // Use getBoundingClientRect to avoid decimal inaccuracy
   if (Math.abs(width - offsetWidth) < 1) {
     return [width, height, x - containerRect.x, y - containerRect.y];
   }
@@ -67,6 +68,16 @@ const getTabSize = (tab: HTMLElement, containerRect: { x: number; y: number }) =
 
 const getSize = (refObj: React.RefObject<HTMLElement>): SizeInfo => {
   const { offsetWidth = 0, offsetHeight = 0 } = refObj.current || {};
+
+  // Use getBoundingClientRect to avoid decimal inaccuracy
+  if (refObj.current) {
+    const { width, height } = refObj.current.getBoundingClientRect();
+
+    if (Math.abs(width - offsetWidth) < 1) {
+      return [width, height];
+    }
+  }
+
   return [offsetWidth, offsetHeight];
 };