Drop Downs (<select>) overlays DHTML ajax

[dhepburn]

1) Script Title: DHTML Window Widget (v1.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/

3) Describe problem: <select> style drop downs don't appear to be in the background when a DHTML ajax windows is put on top of it. For Example:-
a). open the above URL
b). in the DEMOS section, click on "Change Window's URL to CSS Drive"
c). in that window click on the "Search" menu option at the top right
d). you will see the form has a few drop downs such as "Search in Titles and Entries", etc.
e). Now drag the other AJAX window "#2: Broadcast Title" over the top of the "CSS Drive" window where the drop downs are. The drop downs remain in the foreground.

Need urgent assistance with this bug.
Thanks.

[ddadmin]

I assume you're talking about in IE (in FF2.x it's fine)? This is simply a variation of the universal bug in IE of SELECT menus and certain other controls always bleeding through to the top of layers that are above it. In that sense it's more of a bug of the browser rather than the script.

[mossjm]

I was able to replicate the bug in FF2 (see attached image), but I definitely agree with ddadmin, its more of a browser bug than a script problem. There are a couple of hacks you can use to get around this issue, One involves setting the visibility off on the select when its covered (but then you wouldn't see it at all in the bottom window). The other would be to use an iframe to cover exactly what you want the top window to cover. XtendScott from webmasterworld.com is using this method here to accomplish the same thing.

John Moss
Nth Penguin, LLC
http://www.nthpenguin.com