cetec-design-system 4.0.0-0 → 4.0.1-0

package/dist/index.js

@@ -19239,8 +19239,11 @@ const Menu = (props) => {
       return;
     }
     const updateWrapperSize = () => {
-      const nextWidth = Math.ceil(sizeProbe.scrollWidth);
-      const nextHeight = Math.ceil(sizeProbe.scrollHeight);
+      const rect = sizeProbe.getBoundingClientRect();
+      const activeLevelEl = activeLevelRef.current;
+      const scrollbarWidth = activeLevelEl && !shouldUsePanelDiginProbeFill ? activeLevelEl.offsetWidth - activeLevelEl.clientWidth : 0;
+      const nextWidth = Math.ceil(rect.width) + scrollbarWidth;
+      const nextHeight = Math.ceil(rect.height);
       setWrapperSize((previous) => {
         if (previous.width === nextWidth && previous.height === nextHeight) {
           return previous;
@@ -19254,6 +19257,9 @@ const Menu = (props) => {
     updateWrapperSize();
     const resizeObserver = new ResizeObserver(updateWrapperSize);
     resizeObserver.observe(sizeProbe);
+    if (activeLevelRef.current) {
+      resizeObserver.observe(activeLevelRef.current);
+    }
     return () => {
       resizeObserver.disconnect();
     };
@@ -19265,7 +19271,8 @@ const Menu = (props) => {
     diginDepth,
     hasVisibleResults,
     isMenuVisible,
-    shouldUseDiginSizing
+    shouldUseDiginSizing,
+    shouldUsePanelDiginProbeFill
   ]);
   useLayoutEffect(() => {
     var _a2;