[JENKINS-75635] Fix dropdown menu close when hover on sub dropdown (#10667)

Author: krisstern

src/main/js/components/dropdowns/utils.js

@@ -42,6 +42,23 @@ function generateDropdown(element, callback, immediate, options = {}) {
               }
             });
 
+            instance.popper.addEventListener("mouseenter", () => {
+              const handleMouseMove = () => {
+                const dropdowns =
+                  document.querySelectorAll("[data-tippy-root]");
+                const isMouseOverAnyDropdown = Array.from(dropdowns).some(
+                  (dropdown) => dropdown.matches(":hover"),
+                );
+
+                if (!isMouseOverAnyDropdown) {
+                  instance.hide();
+                  document.removeEventListener("mousemove", handleMouseMove);
+                }
+              };
+
+              document.addEventListener("mousemove", handleMouseMove);
+            });
+
             callback(instance);
           };
           if (immediate) {
@@ -52,6 +69,14 @@ function generateDropdown(element, callback, immediate, options = {}) {
             });
           }
         },
+        onHide() {
+          const dropdowns = document.querySelectorAll("[data-tippy-root]");
+          const isMouseOverAnyDropdown = Array.from(dropdowns).some(
+            (dropdown) => dropdown.matches(":hover"),
+          );
+
+          return !isMouseOverAnyDropdown;
+        },
       },
       options,
     ),