JS Guru Needed: Weird YUI Menu Problem

[davide101]

I could really use advice from a seasoned Javascript programmer. I don't need a solution as much as guidances on how to debug this. Although if a solution jumps out at you, I would be thrilled.

Here's what's going on. I built a beautiful new site navigation banner based on the YUI menu module. On my test pages, the menus function flawlessly on the browsers I've tested with thus far (ie6, ie7, ff2).

When I implement the YUI Menu on my vBulletin pages, I run into the following problem. When I first hover over a parent, the submenu drops down and I can navigate it perfectly. About 20%of the time, if I move my mouse across multiple parents, the submenu pops up but disappears when I navigate to it. This behavior will continue until I click somewhere else on the document or wait a few seconds with my mouse away from the menus.

I know that vBulletin uses some YUI files. So I've ensured that the extra files I need to include are from the same version (2.5.0) and are called in the correct order. I get no Javascript errors on the page.

How do I go about troubleshooting this from here? If I'm not getting errors, is there any straightforward way to identify what might cause this problem? Or am I ****?

Working Page: http://www.diabetesdaily.com/index2.php
vBulletin Page: http://www.diabetesdaily.com/forum/index.php?styleid=35

[SEOvB]

Are you waiting for the page to load completely? I just tried both, both were working the same as the other once the page loaded completely. Tried about 10 times and on different pages.

Are you hosting the YUI files, or are you using the option to have Yahoo host them?

[davide101]

Hi FRDS,

Thanks for taking a look. Since I wrote this, I figured out exactly how to recreate the issue:

- Hover over a menu until the submenu loads
- Move your mouse directly to another menu until it's submenu loads
- Try to browse the second submenu and it will vanish

If you let a menu load and hover over the submenu or don't move your cursor directly to the next menu, it seems to work fine.

PS: I'm using the remotely loaded YUI files.

EDIT: You may need to move through a few menus before the submenus don't load. It seems kind of haphazard as I try it 30 more times.

[SEOvB]

I wanna make sure i'm doing this right, On the forums (where the problem is) The menu at the top which contains

   * Home
    * Community
          o Forums
          o Forum Help
          o Forum Rules
          o Member Blogs
          o Featured Bloggers
          o David & Elizabeth Edelman
          o Bernard Farrell
          o Scott Johnson
          o Amylia Grace
    * Guides & Tools
          o Wikibetes Encyclopedia
          o Step-by-Step Guides
          o Featured Coversations
          o Tools
          o Blood Sugar Converter
          o Diabetes Web Search
          o SearchAndCure.com
          o Nutrition Database
    * Recipes
          o Recipes Forum
          o Food & Diet Forum
          o Recipes by Email
    * Headlines

I roll over Recipes (men loads), then i go straight to Headlines(menu loads) then straight to Recipes again (menu loads). Then i do this like 6-7 times each page with out a problem. Then I navigated to a link via the menu, repeated the process, and did it again on showthread pages and still no problems

Maybe i'm just lucky, using FF3b4. IE8 (using IE7 EMulation mode) isn't even showing the drop down menu for me however, (can get a screenshot for ya if needed). I'm getting ready to test with FF2 in a few minutes and will report back with that as well

Are other users experiencing this issue? Or is it isolated, as i'm trying my best to break your menu, but i can't do it yet

[davide101]

That's the right menu. It may be a more focused browser issue. All of my mods are reporting the issue on FF2 and IE7. I just loaded up my IE6 Virtual Machine (thanks MS for a useful, free product) and it works perfectly. It's nice to know it's working for someone, but I don't think it's safe to ignore FF2 and IE7 yet, although I'd love to.

I'm downloading the FF3 latest lightly build to see if it works on there.... AYE. *another* Vista crash. I'll restart, install FF3, and report back on that. (I would love Vista if it always worked...!)

--------------- Added [DATE]1207169569[/DATE] at [TIME]1207169569[/TIME] ---------------

I've confirmed it works in FF3. Does anyone have ideas on how to troubleshoot this issue? There must be something unique about the vBulletin installation that's causing it to fail. But is there anyway to figure out what it might be? I read a lot of posts here and know there are some bone fida geniuses here.

--------------- Added [DATE]1207190649[/DATE] at [TIME]1207190649[/TIME] ---------------

I've identified the source of the problem although I can't quite fix it. In FF2 and IE7, there is a one pixel space between the menu and the submenu. If the cursor hits that spot for too long, then the menu functionality collapses. Thanks for everyone that took a look. Now to try and fix it....