Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

hoverIntent.js creates a problem with submenus #9

Closed
maofree opened this issue May 30, 2013 · 6 comments
Closed

hoverIntent.js creates a problem with submenus #9

maofree opened this issue May 30, 2013 · 6 comments

Comments

@maofree
Copy link

maofree commented May 30, 2013

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?

joeldbirch/superfish#75

i'm waiting your answer
thanks
bye

@briancherne
Copy link
Owner

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.

@maofree
Copy link
Author

maofree commented May 30, 2013

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

@davidmaxwaterman
Copy link

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?

@davidmaxwaterman
Copy link

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.

@usmonster
Copy link
Collaborator

@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.

@usmonster
Copy link
Collaborator

Closing this due to inactivity. Willing to reopen if new information is provided.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants