Toggle header menu items

This is a very small quality of life thing but I keep clicking the overlay menu items which does the absolute opposite of what i want it to do. I tend to click the menu items so they stay open independent of mouse hover position however on our docs this results in the menu item always closing and due to the animation speed this can feel like the menu is closing right under my mouse.

My expectation: When i click the menu item its submenu toggles open and stays open until clicked elsewhere on the page
Alternative: Not closing the submenu when you click its parent would make it a lot less frustrating

Reality: When clicking the menu item its already open submenu closes

https://github.com/user-attachments/assets/e575eb0a-c6ec-49f1-abb6-d2c1f739ec66