Dropdown Closes with Excessive Delay on Hover

[adityajha2005]

Description:

When hovering over the navbar, the dropdown menu opens correctly, but it takes an unusually long time to close after the mouse moves away. This delay is longer than expected and does not align with standard UI/UX behavior.

Steps to Reproduce:

1. Hover over the navbar to open the dropdown.
2. Move the cursor away from the dropdown.
3. Observe that the dropdown remains open for an extended period before closing.

Expected Behavior:

The dropdown should close promptly after the cursor moves away, with a minimal delay for a smooth user experience.

Possible Causes:

• High timeout value in the dropdown close event.
• CSS transition-delay or animation causing a slow fade-out effect.
• Event listener delay due to setTimeout usage in JavaScript.

Suggested Fix:

• Check the delay value in JavaScript (setTimeout or onMouseLeave).
• Reduce CSS transition-delay if used.
• Ensure there are no conflicting event listeners causing excessive delay.

Proof

[ElizabethN]

Thanks @adityajha2005 ! I think this is the default behavior with our theme, but I will dig a little deeper to see if I can figure out the root cause. Appreciate the info!