-
FEATURED COMPONENTS
First time here? Check out the FAQ!
I'm sure most of you are familiar with the problem of objects overlapping "select" lists in IE6. I've searched the forum and bug database and there are some references to it, but not specifically this case of an overlapped window over a listbox with mold select:
<window>
<div height="50px" />
<div style="margin-left:50px">
<toolbarbutton label="Pop" onClick="win1.doOverlapped()" />
<listbox mold="select">
<listitem label="Hey" selected="true" />
</listbox>
<window visible="false" closable="true" id="win1" border="normal" width="600px" height="300px">
<caption label="Test" />
<label>Test</label>
<label>Drag this so it overlaps the listbox</label>
</window>
</div>
</window>
I don't have IE6 available to me for testing, but clients report the problem. The select listbox "bleeds" through the window. The accepted workaround for this is to put an IFRAME over the listbox and the window over that. That's how I solved it in my crappy home-grown framework. Zk doesn't seem to do this. Has anyone addressed this and come up with a workaround for it?
Thanks.
/Daryl
Hey dastultz, I cannot replicate this problem at the moment, it is possible to provide me with the build number of IE 6? Also maybe a screenshot of the problem would be very useful so we can see exactly what happens!
Thanks,
Tim
Unfortunately it seems only my clients have such machines that do this. I don't have one available to me that replicates it either. I'm not even sure the example I gave here replicates it. It just occurred to me that I usually turn off the shadow for overlapped windows. Maybe there's something in the shadow that overcomes it? Maybe you could try the example again but turn off the shadow for the overlapped window. Thanks.
/Daryl
Hi Dary,
Could you tell me which ZK version you are using?
I test your example with ZK 3.6.3 version(even if ZK 5.0.0 RC2 ), and it works well.
Can someone with IE6 please test this code?
<?xml version="1.0" encoding="utf-8"?> <window> <div height="50px" /> <div style="margin-left:50px"> <toolbarbutton label="Pop" onClick="win1.doOverlapped()" /> <listbox mold="select"> <listitem label="Hey" selected="true" /> </listbox> <window visible="false" closable="true" shadow="false" id="win1" border="normal" width="600px" height="300px"> <caption label="Test" /> <label>Test</label> <label>Drag this so it overlaps the listbox</label> </window> </div> </window>
I've turned off the shadow, maybe that makes a difference.
Thanks.
/Daryl
Hey Daryl,
I will try this again for you.
Thanks,
Tim
Hey Daryl,
Thanks for sticking with me on this.
I have confirmed that this is indeed a bug and was able to replicate it in the office. I have created a bug report so you can track the progress of it!
https://sourceforge.net/tracker/index.php?func=detail&aid=2986233&group_id=152762&atid=785191#
Please feel free to add any additional comments.
It is not a bug. The shadow is critical to solve IE6 notorious z-index issue of the SELECT tag. When the shadow is turned on, we created a transparent iframe to make the window to appear on top of SELECT (a technique we called stackup). If you turned it off, iframe won't be created.
With 5.0 we have more fine control regarding this. You might take a look at zk.useStackup.
Asked: 2009-12-09 14:06:07 +0800
Seen: 1,502 times
Last updated: Apr 20 '10