Tabs: Consider decimal point in indicator style

WordPress · May 25, 2024 · 343911c · 343911c
1 parent 62b0efd
commit 343911c
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/packages/components/src/tabs/tablist.tsx b/packages/components/src/tabs/tablist.tsx
@@ -52,11 +52,17 @@ function useTrackElementOffset(
 		observedElementRef.current = targetElement ?? undefined;
 
 		function updateIndicator( element: HTMLElement ) {
+			const parentElement = element.offsetParent;
+			if ( ! parentElement ) {
+				return;
+			}
+			const parentRect = parentElement?.getBoundingClientRect();
+			const rect = element.getBoundingClientRect();
 			setIndicatorPosition( {
-				left: element.offsetLeft,
-				top: element.offsetTop,
-				width: element.offsetWidth,
-				height: element.offsetHeight,
+				left: rect.left - parentRect.left,
+				top: rect.top - parentRect.top,
+				width: rect.width,
+				height: rect.height,
 			} );
 			updateCallbackRef.current?.();
 		}