UDM4 page that won't load in Firefox for Mac

[HowardBallinger]

Hi and thanks for putting this Forum up!

I've used UDM4 before; I now have a new project, and it looks good in all the browser incarnations I've tried it in except Firefox-Mac, where it hangs up before the page is all rendered.

A good Mac-using friend tested it out this morning and found that it would load in that browser only if he commented out 'udm-custom.js'. I've checked over the edits I made to that file and I don't see anything out of line.

So after I send this message, I'll try pasting that JS file into a second message so it can be viewed easily, hoping that someone can see what's wrong with it.

My site -- strictly a skeleton so far -- is at http://ruhaniat.org/DeMo4TeSt --

Greatly appreciate any help with this issue.

Peace -- Howard

[HowardBallinger]

// UDMv4.5 //
///////////////////////////////////////////////////////////////////
var um={'menuClasses':[],'itemClasses':[],'menuCode':[]};
///////////////////////////////////////////////////////////////////
// //
// ULTIMATE DROP DOWN MENU Version 4.5 by Brothercake //
// http://www.udm4.com/ //
// //
// This script may not be used or distributed without license //
// //
///////////////////////////////////////////////////////////////////




///////////////////////////////////////////////////////////////////
// CORE CONFIGURATION //
///////////////////////////////////////////////////////////////////


//path to images folder
um.baseSRC = "udm-resources/";


//initialization trigger element ["id"];
um.trigger = "";


//navbar orientation
um.orientation = [
"vertical", // alignment ["vertical"|"horizontal"|"popup"|"expanding"]
"left", // h align ["left"|"right"]
"top", // v align ["top"|"bottom"]
"fixed", // positioning ["relative"|"absolute"|"fixed"|"allfixed"]
"3em", // x position ["em"|"ex"|"px"|"0"]
"220px", // y position ["em"|"ex"|"px"|"0"]
"1000", // z order ["0" to "10000"] (menu takes 20000 headroom)
];


//navbar list output
um.list = [
"flexible", // horizontal overflow ["rigid"|"flexible"]
"yes", // -SPARE-
"no", // -SPARE-
];


//menu behaviors
um.behaviors = [
"200", // open timer ["milliseconds"|"0"]
"500", // close timer ["milliseconds"|"never"|"0"]
"yes", // reposition menus to stay inside the viewport ["yes"|"no"]
"default", // manage windowed controls for win/ie ["default","hide","iframe","none"]
];


//reset behaviors
um.reset = [
"yes", // reset from document mouse click ["yes"|"no"]
"yes", // reset from window resize ["yes"|"no"]
"yes", // reset from text resize ["yes"|"no"]
"no", // reset after following link ["yes"|"no"]
];


//horizontal continuation strip
um.hstrip = [
"none", // background ["color"|"#hex"|"rgb()"|"image.gif"|"none"]
"yes", // copy navbar item margin-right to margin-bottom ["yes"|"no"]
];




///////////////////////////////////////////////////////////////////
// MODULE SETTINGS //
///////////////////////////////////////////////////////////////////


//keyboard navigation [comment out or remove if not using]
um.keys = [
"38", // up ["n"] ("38" = up arrow key)
"39", // right ["n"] ("39" = right arrow key)
"40", // down ["n"] ("40" = down arrow key)
"37", // left ["n"] ("37" = left arrow key)
"123", // hotkey ["n"] ("38" = F12]
"none", // hotkey modifier ["none"|"shiftKey"|"ctrlKey"|"altKey"|"metaKey"]
"27", // escape ["n"|"none"] ("27" = escape key)
"document.getElementsByTagName('a')[0]", // exit focus ["js-expression"]
];




///////////////////////////////////////////////////////////////////
// NAVBAR DEFAULT STYLES //
///////////////////////////////////////////////////////////////////


//styles which apply to the navbar
um.navbar = [
"0", // nav -> menu x-offset (+-)["n" pixels]
"-11", // nav -> menu y-offset (+-)["n" pixels]
"9em", // width ["em"|"ex"|"px"] (vertical navbar only - horizontal navbar items have "auto" width) ("%" doesn't work right)
];


//styles which apply to each navbar item
um.items = [
"1", // margin between items ["n" pixels]
"6", // border size ["n" pixels] (single value only)
"collapse", // border collapse ["collapse"|"separate"] (only applies when margin = "0")
"#ead4a4 #edbb85 #edbb85 #ead4a4",// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
"ridge", // border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge "|"inset"|"outset"] (single, double or four values; be careful with using "none")
"#ead4a4 #ead4a4 #fae4b4 #fae4b4",// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
"outset", // hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge "|"inset"|"outset"] (single, double or four values; be careful with using "none")
"##ead4a4 #ead4a4 #fae4b4 #fae4b4",// visited border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
"ridge",// visited border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge "|"inset"|"outset"] (single, double or four values; be careful with using "none")
"9", // left/right padding ["n" pixels] (single value only)
"5", // top/bottom padding ["n" pixels] (single value only)
"#ffc", // background ["color"|"#hex"|"rgb()"|"image.gif"]
"#ffe", // hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]
"#ffc", // visited background ["color"|"#hex"|"rgb()"|"image.gif"]
"75%", // font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
"tahoma,sans-serif",// font family ["font1,font2,font3"] (always end with a generic family name)
"bold", // font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
"none", // text decoration ["none"|"underline"|"overline"|"line-through"]
"left", // text-align ["left"|"right"|"center"]
"#008000", // color ["color"|"#hex"|"rgb()"]
"#b05010", // hover/focus color ["color"|"#hex"|"rgb()"]
"#008000", // visited color ["color"|"#hex"|"rgb()"]
"normal", // font-style ["normal"|"italic"|"oblique"]
"normal", // hover/focus font-style ["normal"|"italic"|"oblique"]
"normal", // visited font-style ["normal"|"italic"|"oblique"]
"letter-spacing:1px !important;",// additional link CSS (careful!)
"", // additional hover/focus CSS (careful!)
"", // additional visited CSS (careful!)
"right-green.gif",// menu indicator character/image ["text"|"image.gif"|"none"]
"right-red.gif",// menu indicator rollover character/image ["text"|"image.gif"|"none"] (must be same type)
"7", // clipping width of indicator image ["n" pixels] (only when using image arrows)
"..", // alt text of indicator image ["text"] (only when using image arrows)
];

[bcarl314]

Sorry to hear about the problem. What happens if you replace your udm-custom.js with the original? Do you still see the same problems? Do you see these problems on the Sliding Menus Extension on this site?

[HowardBallinger]

Thanks!

As I don't have a Mac, a friend tested these for me in Firefox-Mac.

http://ruhaniat.org/DeMo4TeSt/nocust.htm (with the 'stock' version of udm-custom..js -- "loads without hanging and presents a statically positioned menu in upper left corner, and for the choices with subchoices, the subchoices slide out to the right."

http://ruhaniat.org/DeMo4TeSt/noslide.htm (with link to sliding menus script commented out but using my edited version of udm-custom) ... "presents the page, with a blank box where the menu ought to be, and the mouse changes from arrow to linking finger in some places in it -- probably the areas where the subchoice menus are, but the browser hangs and needs to be shut down to clear it."

Thanks so much for looking at this, and I hope it's easy to fix!

-- HB

[bcarl314]

Could you try this out and let me know if it works...

Mac FF has a problem / difficulty with fixed positioning. Changing this to absolute might solve the problem.

your current code:

um.orientation = [
"vertical", // alignment ["vertical"|"horizontal"|"popup"|"expanding"]
"left", // h align ["left"|"right"]
"top", // v align ["top"|"bottom"]
"fixed", // positioning ["relative"|"absolute"|"fixed"|"allfixed"]
"3em", // x position ["em"|"ex"|"px"|"0"]
"220px", // y position ["em"|"ex"|"px"|"0"]
"1000", // z order ["0" to "10000"] (menu takes 20000 headroom)
];

change the "fixed" to "absolute"

um.orientation = [
"vertical", // alignment ["vertical"|"horizontal"|"popup"|"expanding"]
"left", // h align ["left"|"right"]
"top", // v align ["top"|"bottom"]
"absolute", // positioning ["relative"|"absolute"|"fixed"|"allfixed"]
"3em", // x position ["em"|"ex"|"px"|"0"]
"220px", // y position ["em"|"ex"|"px"|"0"]
"1000", // z order ["0" to "10000"] (menu takes 20000 headroom)
];

[HowardBallinger]

You're right, it's apparently the "fixed" parameter that chokes FF-Mac. I changed it to "absolute" and now it loads fine in that browser (I had my friend test it). So bummer! With this change, I lose the functionality I wanted -- the menu doesn't stay put in the viewport !! But I do need to make my page work in as many browsers as possible.

Do you know of any way to work around this, have my cake and eat it too?

Thanks again -- Howard

[bcarl314]

This isn't tested, but you might try some external CSS to get the menu to stay put...

Something like...

ul#udm {
position:fixed !important;
}

of course, no guarantees that would work cross browser. But it might be worth a shot.

[HowardBallinger]

Well, I left 'absolute' rather than 'fixed' in that section of udm-custom.js;

I added " ul#udm {position:fixed !important;} " to the CSS;

... and again it caused FF-Mac to hang.

So we know that's the item that the browser chokes on. Sounds like my next step is to contact the FireFox support site about the fact that Firefox for Mac apparently can't handle this code, which works in all the other browsers I know of specifically including FF-Windows (which is my usual browser).

Sound reasonable?

Thanks for your help -- HB

[HowardBallinger]

Hi Bcarl and all

Thanks. Turns out this bug in Firefox for Mac is a known issue that's been in Bugzilla for months. Unfortunately no one is working on it, I'm the only one who's ever 'voted' for fixing it.

Here's the link

I don't know anyone who's involved with the Mozilla project, so I guess I'm kind of stuck with non-fixed menus.

-- Howard