Prerequisites
What happened?
If the ix-menu is in a collapsed state and someone hovers over an <ix-menu-category>, the items are shown in a popover during hover. Because there's a tiny gap between this popover and the menu item, moving your mouse slowly hides the popover, which makes it sometimes hard to click on the items.
I addded a screenshot with the gap:
I think it would be better if the gap is ignored or there's a bigger delay before hiding the menu.
Diagonal mousemovement
Additionally, moving the mouse diagonally as indicated in the screenshot hides the menu as well:
This makes the popover hard to reach with the mouse sometimes.
What type of frontend framework are you seeing the problem on?
Angular (Standalone)
On which version of the frontend framework are you experiencing the issue?
angular@22
Which version of iX do you use?
main
Code to produce this issue.
It's reproduciable in the test-app in `/preview/menu-category`
Prerequisites
What happened?
If the
ix-menuis in a collapsed state and someone hovers over an<ix-menu-category>, the items are shown in a popover during hover. Because there's a tiny gap between this popover and the menu item, moving your mouse slowly hides the popover, which makes it sometimes hard to click on the items.I addded a screenshot with the gap:
I think it would be better if the gap is ignored or there's a bigger delay before hiding the menu.
Diagonal mousemovement
Additionally, moving the mouse diagonally as indicated in the screenshot hides the menu as well:
This makes the popover hard to reach with the mouse sometimes.
What type of frontend framework are you seeing the problem on?
Angular (Standalone)
On which version of the frontend framework are you experiencing the issue?
angular@22
Which version of iX do you use?
main
Code to produce this issue.
It's reproduciable in the test-app in `/preview/menu-category`