Cascade primary links buggy during mouse hover

stattalk - June 27, 2008 - 18:11
Project:Multiflex-3
Version:6.x-1.x-dev
Component:User interface
Category:task
Priority:normal
Assigned:hswong3i
Status:duplicate
Description

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,

#1

hswong3i - June 27, 2008 - 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
Category:bug report» task
Assigned to:Anonymous» hswong3i
Status:active» patch (code 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 :-)

#2

hswong3i - June 29, 2008 - 14:15
Status:patch (code needs review)» duplicate

set duplicated with #270713.

 
 

Drupal is a registered trademark of Dries Buytaert.