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:
Maybe that's useful for someone. Or maybe that's not a bug and just something I've missed (but I couldn't find anything related in the forum or the docs).
<!-- 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-tab" title="Hello World 1">
<input type="button" id="theme-btn" value="Toggle Theme" />
<div class="ydlg-tab" title="Hello World 2">