react-os-shell 0.6.8 → 0.6.9

package/dist/index.js

@@ -1221,7 +1221,7 @@ function StatusBadge({ status }) {
 }
 
 // src/version.ts
-var VERSION = "0.6.8" ;
+var VERSION = "0.6.9" ;
 var APP_VERSION = VERSION;
 
 // src/changelog.ts
@@ -3212,8 +3212,8 @@ function StartMenu({
   const subFlyoutRef = useRef(null);
   const hoverTimeout = useRef();
   const childHoverTimeout = useRef();
-  const [measuredFlyoutH, setMeasuredFlyoutH] = useState(null);
-  const [measuredSubH, setMeasuredSubH] = useState(null);
+  const [measuredFlyout, setMeasuredFlyout] = useState(null);
+  const [measuredSub, setMeasuredSub] = useState(null);
   useEffect(() => {
     if (!open) {
       setSearch("");
@@ -3225,22 +3225,20 @@ function StartMenu({
   useEffect(() => {
     setHoveredChild(null);
   }, [hoveredSection]);
-  useEffect(() => {
-    setMeasuredFlyoutH(null);
-  }, [hoveredSection]);
-  useEffect(() => {
-    setMeasuredSubH(null);
-  }, [hoveredChild]);
   useLayoutEffect(() => {
     if (!flyoutRef.current || !hoveredSection || search.length >= 2) return;
     const h = flyoutRef.current.offsetHeight;
-    if (h !== measuredFlyoutH) setMeasuredFlyoutH(h);
-  }, [hoveredSection, search, measuredFlyoutH]);
+    if (measuredFlyout?.key !== hoveredSection || measuredFlyout.h !== h) {
+      setMeasuredFlyout({ key: hoveredSection, h });
+    }
+  }, [hoveredSection, search, measuredFlyout]);
   useLayoutEffect(() => {
     if (!subFlyoutRef.current || !hoveredChild || search.length >= 2) return;
     const h = subFlyoutRef.current.offsetHeight;
-    if (h !== measuredSubH) setMeasuredSubH(h);
-  }, [hoveredChild, search, measuredSubH]);
+    if (measuredSub?.key !== hoveredChild || measuredSub.h !== h) {
+      setMeasuredSub({ key: hoveredChild, h });
+    }
+  }, [hoveredChild, search, measuredSub]);
   useEffect(() => {
     if (!open) return;
     const handler = (e) => {
@@ -3374,7 +3372,7 @@ function StartMenu({
   const menuGlass = glassStyle();
   const itemCls = `w-full flex items-center gap-2 rounded-lg ${sizeConfig.px} ${sizeConfig.py} ${sizeConfig.text}`;
   const flyoutEstH = flyoutItems.length * sizeConfig.itemH + 12;
-  const flyoutH = measuredFlyoutH ?? flyoutEstH;
+  const flyoutH = measuredFlyout?.key === hoveredSection ? measuredFlyout.h : flyoutEstH;
   const menuWidth = sizeConfig.mw;
   const menuRect = menuRef.current?.getBoundingClientRect();
   const minTop = menuRect ? menuRect.top : taskbarPosition === "top" ? taskbarH + 4 : 4;
@@ -3641,7 +3639,7 @@ function StartMenu({
         const flyoutRect = flyoutRef.current?.getBoundingClientRect();
         const subLeft = flyoutRect ? flyoutRect.right + 4 : 0;
         const subEstH = kids.length * sizeConfig.itemH + 12;
-        const subH = measuredSubH ?? subEstH;
+        const subH = measuredSub?.key === hoveredChild ? measuredSub.h : subEstH;
         let subTop = hoveredChildY - subH / 2;
         if (subTop < minTop) subTop = minTop;
         if (subTop + subH > maxBottom) subTop = Math.max(minTop, maxBottom - subH);