Dropdown list over the menu

Poster: srussell
Dated: Friday December 5 2003 - 2:16:45 GMT

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!

Poster: kevin3442
Dated: Tuesday December 16 2003 - 0:36:30 GMT

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

Poster: Maz
Dated: Tuesday December 16 2003 - 18:47:21 GMT

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

Poster: kevin3442
Dated: Tuesday December 16 2003 - 19:06:17 GMT

Hi Maz,

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).

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

Poster: srussell
Dated: Wednesday December 17 2003 - 3:26:42 GMT

thank you, it is working now!

Merci beaucoup in french...