🚀 Feature Request: Close dropdown Content when clicking outside the Menu Item Content in the Mega Menu widget

[alistairelevenm]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

When the menu widget's dropdown effect is set to "Click", the menu dropdown can only be dismissed by clicking on the active element in the main menu. It would be desirable for users to be able to click anywhere outside of the menu area to dismiss the dropdown.

Alternatively, when the dropdown effect is set to "Hover", and the mouse moves from the dropdown back over the active menu item, the fade in animation plays again. This leads to a sudden flash of content. I'd suggest that if an item with a dropdown is open, then that dropdown should not animate again if the pointer moves back over its parent item.

Describe the solution you'd like

In relation to the click setting, it would be desirable for users to be able to click anywhere outside of the menu area to dismiss the dropdown.

In relation to the hover setting, I'd suggest that if an item with a dropdown is open, then that dropdown should not animate again if the pointer moves back over its parent item.

Describe alternatives you've considered

No response

Additional context

No response