Cascade primary links buggy during mouse hover [#275822]

I have implemented a menu on my site at http://www.stattalk.org/. On that site, the "Forum" dropdown menu is has a bug when browsed in Firefox.

On mouseover, it shows the items in the menu but I cannot move pointer to the items in it. Sometime the menu closes as you move over to its items. Probably I can't explain it enough, so please have a look at my site. Sometime, if I move mouse "very" quickly, then it works.

The menu works nicely with IE7.

Thanks,

Comments

Comment #1

hswong3i CreditAttribution: hswong3i commented 27 June 2008 at 19:10

Title:	CSS menu error	» Cascade primary links buggy during mouse hover
Version:	6.x-1.1	» 6.x-1.x-dev
Component:	Miscellaneous	» User interface
Assigned:	Unassigned	» hswong3i
Category:	bug	» task
Status:	Active	» Needs review

Hey man you always ask question on time :-)

I have already notice this behavior for a week but don't have time to check the implementation... It is now bugfixed in 6.x-1.x-dev. The problem is mainly due to incorrect margin/padding/positioning/etc of 2nd level menu item. There is a very narrow "gap" between 1st and 2nd level menu item. When you move the mouse "slowly", it will fall into the "gap" and so the hover effect will run away... :S

Is the story end? Not yet! After reference to http://www.htmldog.com/articles/suckerfish/dropdowns/ plus a lot of code clean up and customization, Multiflex-3's primary links is now function with maximum 4 level of menu items! It is a purely CSS only implementation, light weight and elegant. You may even "clone" the multi-level implemenation for extra level of menu items. Please check the CHANGELOG.txt and README.txt for more information.

Well, I think 4 level is already more than enough, don't you think so? If you have any idea about the look and feel, please free feel to let me know :-)