hoverIntent.js creates a problem with submenus
maofree opened this issue · comments
Hi Brian
I've found a problem using superfish menu and it is due from your script
Do you want to have a look here?
i'm waiting your answer
thanks
bye
Thanks for the defect report. I have friends visiting from out of town and a wedding to go to this weekend. The absolute soonest I'll be able to look at this is next week. Anything you can do to help regress the issue would be appreciated.
What browser+version did you use to find this issue? Can you reproduce it with other browsers? Please let me know.
Hi Brian
I use firefox 21 from a linux system
I've tested it with IE10 and with its development tool
I think it is possible to see it from all browsers
thanks Brian for your contribution
I also see an issue with my menus that use hoverIntent. When they are side-by-side and don't interfere with each other, then no problem, but when they are laid out so they are one on top of the other and the 'open' menu is on top of the lower ones, then the menu closes when the mouse goes over one of the menus underneath. I'm not sure what the solution is here - perhaps disable the hoverIntent handlers for the other menus inside the 'open' handler, and re-enable them inside the 'close' handler?
I found out what my issue was...it was due to the menu items all being at the same 'z-index'. I had increased it so that the menus showed 'above' the surrounding area, but I also need to make sure they were above the other menus. I did this by making a 'raised' class and adding/removing that via the javascript event handlers.
@maofree, I know it's more than a year later, but can you please provide a jsfiddle or jsbin that shows your problem? I believe this can be solved by making slight changes either to your menu markup, the selector you're using to initialize hoverIntent, and/or the logic inside one or both of your handlers.
Closing this due to inactivity. Willing to reopen if new information is provided.