Current Behavior:
The navbar contains multiple options with dropdown menus.
->On hover, the dropdown appears and disappears correctly when the cursor leaves the area.
->However, when a navbar option is clicked, the dropdown opens but does not close afterward.
The dropdown remains visible even when:
->the cursor is removed from the dropdown area
->the user clicks anywhere else on the screen
The only way the dropdown changes currently is by clicking another navbar option.
This issue affects user experience and creates inconsistent dropdown behavior between hover and click interactions.
Current Behavior:
The navbar contains multiple options with dropdown menus.
->On hover, the dropdown appears and disappears correctly when the cursor leaves the area.
->However, when a navbar option is clicked, the dropdown opens but does not close afterward.
The dropdown remains visible even when:
->the cursor is removed from the dropdown area
->the user clicks anywhere else on the screen
The only way the dropdown changes currently is by clicking another navbar option.
This issue affects user experience and creates inconsistent dropdown behavior between hover and click interactions.