Dropdown list over the menu

[srussell]

Hi

I am testing your product and I have problem with dropdown list object. If i have dropdown list objects just below a menu object, the menu sub level don't display over the dropdown list object! Is there a way to fix problem?

hope my english is not to bad!

[kevin3442]

In some browsers (old ones or bad ones), select boxes are essentially created by the OS rather than the browser, and therefore do not respond well to layering... they always want to be on top. The only solution is to put the select element inside of a div then hide the div when an overlapping menu opens. You'll find an example here.

Hope that helps,

Kevin

[Maz]

Kevin,

It didn't make much sense to me, so I looked at the source for the page and all I see is a divhider.js

I don't think I'll worry about it, if someone is completing a form they are less likely to be looking through the menu system.

Thanks,
maz

[kevin3442]

Hi Maz,

all I see is a divhider.js

The example also shows how to hook into the functions in divhider.js. Unfortunately, divhider.js is not included in the downloadable example. Hopefully, that oversight will be taken care of before too long (meantime, if you want a copy, email me and I should be able to hook you up).

if someone is completing a form they are less likely to be looking through the menu system.

True, but I think the problem is not so much the menu interfering with the select box, but rather the other way around... the select box blocks part of a submenu from view. A solution many people use is to lay out the page so that form elements and menus do not overlap. If they have to overlap, the only solution for some browsers is to hide the offending form element when the overlapping menu opens. This is also true of other embedded objects (in some browsers), like flash, java applets, iframes.

Cheers,

Kevin

[srussell]

thank you, it is working now!

Merci beaucoup in french...