Improve animation styles for PillSelector

Hector Arce De Las Heras · Hector Arce De Las Heras · commit e798e4c568ac · 2024-06-07T13:57:53.000+02:00
diff --git a/src/components/pillSelector/pillSelectorControlled.tsx b/src/components/pillSelector/pillSelectorControlled.tsx
@@ -34,7 +34,7 @@ const PillSelectorControlledComponent = React.forwardRef(
 
         thumb.style.width = `${selectedPill?.clientWidth}px`;
         thumb.style.height = `${selectedPill?.getBoundingClientRect().height}px`;
-        thumb.style.left = `calc(${selectedPill?.getBoundingClientRect().left}px - ${window?.getComputedStyle(selectedPill)?.paddingLeft})`;
+        thumb.style.left = `${selectedPill.offsetLeft}px`;
       }
     };
 

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ const PillSelectorControlledComponent = React.forwardRef(`
`34`	`34`
`35`	`35`	thumb.style.width = `${selectedPill?.clientWidth}px`;
`36`	`36`	thumb.style.height = `${selectedPill?.getBoundingClientRect().height}px`;
`37`		- thumb.style.left = `calc(${selectedPill?.getBoundingClientRect().left}px - ${window?.getComputedStyle(selectedPill)?.paddingLeft})`;
	`37`	+ thumb.style.left = `${selectedPill.offsetLeft}px`;
`38`	`38`	`}`
`39`	`39`	`};`
`40`	`40`