fix(multiselect): calculate scroll width for title for truncation (#1…

…4626) * fix(multiselect): calculate scroll width for title for truncation * chore: clean up code duplication
carbon-design-system · Sep 13, 2023 · 02d81f0 · 02d81f0
1 parent 3cfbc24
commit 02d81f0
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/react/src/components/ListBox/ListBoxMenuItem.tsx b/packages/react/src/components/ListBox/ListBoxMenuItem.tsx
@@ -15,7 +15,9 @@ function useIsTruncated(ref) {
   const [isTruncated, setIsTruncated] = useState(false);
 
   useEffect(() => {
-    const { offsetWidth, scrollWidth } = ref.current;
+    const element = ref.current;
+    const { offsetWidth, scrollWidth } =
+      element.lastElementChild?.lastElementChild || element;
     setIsTruncated(offsetWidth < scrollWidth);
   }, [ref, setIsTruncated]);