jQuery menu does not de-select and collapse if exit right about jquery-ui HOT 8 OPEN

Thanks for the report. Does the issue you describe exist when jQuery UI 1.12.1 is used or only with jQuery UI 1.13.0 or newer?

from jquery-ui.

Hi Michał, both I think.

In my local app page where I first noticed it, I am running a local copy of jquery-ui-1.12.1.custom (downloaded in 2020).

But I can see the same problem in the demo on the jQuery UI 1.13 page, at https://api.jqueryui.com/menu/#entry-examples ; so I haven't tried updating my local copy as yet.

from jquery-ui.

Thanks for the info. Since the issue is already in 1.12, given limited team resources it's not likely to be fixed by the UI team; see the project status at https://blog.jqueryui.com/2021/10/jquery-maintainers-update-and-transition-jquery-ui-as-part-of-overall-modernization-efforts/. PRs are welcome if they're not too complex.

from jquery-ui.

BTW, looking at this further, this actually looks like expected behavior to me. Native menus on macOS behave in exactly the same way, for example.

from jquery-ui.

With respect, it is 100% a bug, and very annoying in my context - I have a row of these menus and traversing with the mouse left to right leaves a trail of destruction. I will be either patching for myself or finding a work around, in time.
Try the demo on the API page:

1. Hover item 3 until it selects and the submenu opens.
2. Hover item 3-1 until it selects.
   3 a. Exit the mouse due LEFT and the whole menu closes to initial appearance.
   3 b. Exit the mouse due RIGHT and the submenu stays open with main menu item 3 selected.

Nobody would design it to behave like this, surely? Seems like leaving the entire menu via the submenu is deselecting the submenu ok, but not being bubbled up to the parent. That is without looking at the code yet, though. But ok, I can DIY when I get the time.

from jquery-ui.

Nobody would design it to behave like this, surely?

Well, that's exactly how native macOS menus work so that sentence is demonstrably false.

This also makes sense to me. You can leave the submenu going to the right accidentally, by moving the mouse too much. If that closed the submenu automatically, it could be annoying. If you move to the left, you need to move a much higher distance to leave the menu and the submenu areas so this won't be done accidentally.

Of course, there can be more than one solution to designing menus. But considering that:

• this behavior is not new
• it matches native macOS behavior

I don't feel it's a good idea to change the behavior at this state of the project.

What do you think, @fnagel?

from jquery-ui.

Sorry for the delay.

I assume that for some users the usability is not familiar, but its a common pattern in other context than macOs too. For example, Firefox on Windows behaves similar.

I agree with @mgol that the behavior should not be changed at this state of the project. We could make it configurable but this looks like a bigger change to me. We need to consider some a11y testing too. Not sure if it's worth all the time tbh.

@steve1346 Did you try to fix it in your project? Is it a bigger change or something trivial?

from jquery-ui.

from jquery-ui.