29 Jan 2007 6:40 AM #1
BasicDialog in IE when container has position:absolute
I was having troubles with the BasicDialog in IE and I hope this post could be helpful to others with the same problem. If this is the wrong place to post this or not a bug, please forgive me and just remove this thread.
Problem: in Firefox the Dialog works just fine. In IE 6 & 7 it opens up, I see the content but I cannot move or close the dialog and it seems somehow disabled with a gray overlay. I can only resize the dialog, no other interaction is possible.
Cause: This only occurs when the markup for the dialog is inside a div that has style="position:absolute".
yui-ext version: 0.40 (nightly build downloaded on 15.1.2007).
How to reproduce:
Take the Hello World Dialog example and add a div with position absolute:
<div style="position:absolute;top:0px;"> <!-- The dialog is created from existing markup. The inline styles just hide it until it created and should be in a stylesheet --> <div id="hello-dlg" style="visibility:hidden;position:absolute;top:0px;"> <div class="ydlg-hd">Hello Dialog</div> <div class="ydlg-bd"> <div class="ydlg-tab" title="Hello World 1"> <div class="inner-tab"> Hello... <input type="button" id="theme-btn" value="Toggle Theme" /> </div> </div> <div class="ydlg-tab" title="Hello World 2"> <div class="inner-tab"> ... World! </div> </div> </div> </div> </div> </div>
29 Jan 2007 6:52 AM #2
- Join Date
- Mar 2007
- Notts/Redwood City
- Vote Rating
29 Jan 2007 9:48 AM #3
Aaah, thanks a lot, I didn't check the FAQs!! And I thought it was a bug because it works fine in Firefox...
Unfortunately, I want to open the dialog from a jsp that is included in some kind of master jsp.
For now I have a workaround and add the dialog div in the master jsp under a certain condition. But that's no pretty solution, I hope I can come up with a better one...
29 Jan 2007 10:01 AM #4
Why are you trying to insert part of the dialog in the dom? The process of creating the dialog inserts it into the dom.
29 Jan 2007 10:45 AM #5
Due to the design of the rest of the application I want to define the dialog div the way in a place where it would be contained in a div that is positioned absolutely.
This causes the problems I described earlier so I wanted to move it from this position to the end or the beginning of the body so that it is not wrapped in some other div. That works except for the side effects that I mentioned (the overall size of the document increases and I can see scrollbars where no scrollbars should be).
This problem has already been discussed here:
http://www.yui-ext.com/forum/viewtop...85f7af91ba4f8d, that's where I got the idea from.
Maybe I'm missing something here (again...). Or maybe I should insert all the divs on the fly instead of creating the dialog out of existing markup. Didn't have the time to try that yet.
29 Jan 2007 10:50 AM #6
Can you put up a link demonstrating what you are doing?
By khnle in forum Ext 1.x: BugsReplies: 1Last Post: 8 Feb 2007, 11:31 AM
By pomata in forum Ext 1.x: Help & DiscussionReplies: 1Last Post: 9 Jan 2007, 12:52 PM
By sayeed in forum Community DiscussionReplies: 7Last Post: 26 Dec 2006, 7:43 PM
By sayeed in forum Community DiscussionReplies: 2Last Post: 26 Dec 2006, 3:51 AM
By robert in forum Ext 1.x: Help & DiscussionReplies: 2Last Post: 16 Oct 2006, 4:28 PM