Response title
This is preview!
Menu : how to manage the default blur event when submenu overlap (need) : cannot access submenu
in Using jQuery UI
•
9 years ago
Hi,
jq-ui 1.10.4 - Widget menu
Summary :
Large menu management with overlapping submenu :
When the submenu(s) position is managed so that they overlap (collision:"none" and position set by calculation) it is not the last opened submenu which gets the blur event control.
So it is impossible to move the mouse into submenu without changing the active option of the up level.
where is the solution ?
The context
Theoretical and fair solution
Thanks for help
Trebly
jq-ui 1.10.4 - Widget menu
Summary :
Large menu management with overlapping submenu :
When the submenu(s) position is managed so that they overlap (collision:"none" and position set by calculation) it is not the last opened submenu which gets the blur event control.
So it is impossible to move the mouse into submenu without changing the active option of the up level.
where is the solution ?
The context
- A menu with thousands of options
- with sometime long text (120c)
- most current five levels of menu but till seven
- separate in two menu is not fair
Theoretical and fair solution
- Large width menu (to display on two lines when need)
- Each submenu level indented
- Total width controlled by soft = (max width + n_level*indentation) fits the windows
- When the user wants to leave a submenu it moves out the submenu to the visible part (at left) of an upper level element of the menu
It doesn't function because the blur event is raised for the menu level 1 item when the mouse is moving into the level 2 (submenu) upon another item of level 1.
The submenu has not the blur control.
A way is to manage the blur event for each menu and submenu by the top level soft : it is awful, to forgot.
The other solution, for which one I have not found the good way to implement it, should be to send the blur event owner to the new activated submenu (has in Windows the upon windows always take it).
In such way we have a submenu stack and the blur event can be raised only for the top one.
A detail is to set the timer to avoid control lost because of errors of mouse positioning.
Thanks for help
Trebly
1