Navbar Dropdown Arrow Not Toggling on Click #20571
Labels
🐛 bug
Something isn't working
Low priority
Created by Linear-GitHub Sync
ui
area: UI, frontend, button, form, input
Issue Summary
The dropdown menu in the navbar does not toggle correctly when a user clicks on the menu items to close it. While hovering over "Solutions," "Developers," or "Resources," the dropdown appears, and the arrow icon toggles correctly. However, if the user clicks on a menu item instead of hovering away to close the dropdown, the menu closes, but the arrow icon does not revert to its default state. (Basically the arrow is not toggling when the user is closing menu by clicking instead of hovering away).
Steps to Reproduce
Hover over "Solutions," "Developers," or "Resources" in the navbar.
The dropdown menu appears, and the arrow toggles properly.
Move the cursor away from the dropdown menu, and it closes as expected.
Now, Instead of hovering away, click on the menu item to close the dropdown.
The dropdown menu closes, but the arrow near the menu item does not toggle back correctly.
Actual Results
-> When the user clicks on "Solutions," "Developers," or "Resources" to close the dropdown menu, the menu
closes as expected.
-> However, the arrow icon next to the menu item does not toggle back to its default state.
Expected Results
-> When the user clicks on the menu item to close the dropdown, the menu should close, and the arrow should toggle back to its original position.
Evidence
Attaching a video for this
bandicam.2025-04-06.18-29-02-566.mp4
The text was updated successfully, but these errors were encountered: