Problems with Firefox 2.0 on Mac

[bhayhow]

We have a rather large menu that renders well in most browsers, with the exception of Firefox 2.0 on the Mac. You can see it here:

fineartwarehouse.com

This menu works fine in Firefox 2.0 on the PC, and in Internet Explorer on the PC, and in Safari.

In Firefox 2.0 on the Mac, after a lengthy wait, we're getting an error message:

Warning: Unresponsive script
A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete.

If you click 'continue', things just hang up for a while longer and then you get the error again. If you click 'stop script', the page and menu are displayed, but there are problems with the menu.

For example, multiple highlighted items appear on the menu, as you get rather deep into the menu - see 'fine art', 'by artist' and then view the various submenus by alphabet.

In addition, the menu remains displayed even after you move the mouse off of the menu. The only way to make it go away is to select something so as to go to a new page.

This code passed a validation, so I don't believe there any missing tags. Perhaps the menu is nested too deeply for Firefox? Is there a limit within UDM as to number of nested menus?

Thanks for taking a look and for any advice that you can offer.

Bill Hayhow
bill@directk.com

There shouldn't be any problems with the number of items in a menu (but obviously, millions would cause a problem with any system - which isn't the case here).

One thing I always suggest after code validation is to remove external javascripts not related to udm4 and see if the problem goes away. There as times when event handlers or other javascript code conflicts with the udm code.

Another option may be to use the CSS version by checking out these links:

http://www.udm4.com/demos/other-purecss.php
http://www.udm4.com/manual/developme...t-css-cssmenus

Admin

[bhayhow]

I removed all other scripts from the page, but still had the unresponsive script problem.

Then, one by one, I removed the UDM scripts from the page, first the 'auto-sizing menu extension', then the 'keyboard navigation module', and finally the 'menu script'.

Only when I removed the 'menu script' (udm-dom.js), did the problem go away. Of course, the menu didn't work properly.

After doing more digging, I tried one more thing - changing the 'menu indicator rollover' from an image to a character. And that fixed the problem.

Here's my folder structure, below root:

/images (contains menu indicator images)
/udm4
/udm4/udm-resources (standard udm implementation
/store/scripts/test.html

The 'test.html' file refers to UDM like this:

...src="../../udm4/udm4-resources/udm-dom.js"

Within udm-resources, 'um.baseSRC' is set to "udm-resources/".

The path for menu indicators is like this:

../../../images/arrow.gif

I'm not sure why I need to go up three levels for this, it would seem that only two levels should be needed, but it works - everywhere except Firefox/Mac.

I've tried numerous permutations of 'um.baseSRC' and both relative and absolute paths, but to no avail.

Can you help me set up the paths differently so that this might work? Do you have any other ideas as to what the problem may be?

Thanks for your help.