Javascript error on IE6 when height of content is greater than min-height in Dialog 1.6rc5
Using JQuery UI 1.6rc5 and jQuery 1.3:
The following example doesn't work in IE6.
<div style="margin-left: 40px;"><font style="font-family: courier new,monospace;" face="courier new,monospace"><!-- height of content is over than 150 -->
<div id="dialog"></font><font style="font-family: courier new,monospace;" face="courier new,monospace">
</font>
<div style="margin-left: 40px; font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"><script type="text/javascript"></span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">$("#dialog").dialog({minHeight: 150}); // minHeight as default</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"></script></span>
</div>In above case, 454 Line of jQuery UI Dialog 1.6rc5 got error on IE6.
<font face="courier new,monospace">
</font><div style="margin-left: 40px;">
<font face="courier new,monospace">this.element</font>
<font face="courier new,monospace"> .css({</font>
<font face="courier new,monospace"> minHeight: <b>options.minHeight - nonContentHeight</b>,</font> // this seems a negative number.
<font face="courier new,monospace"> height: options.height == 'auto'</font>
<font face="courier new,monospace"> ? 'auto'</font>
<font face="courier new,monospace"> : options.height - nonContentHeight</font>
<font face="courier new,monospace"> });</font>
</div>
<div style="padding: 5px; position: fixed; z-index: 99999999; display: none; top: 0pt; right: 0pt; bottom: auto; left: auto; height: auto; width: auto; background-color: rgb(0, 0, 0); font-size: 13px; line-height: 1.2; color: rgb(136, 255, 255); opacity: 0.8;">
</div>
The following example doesn't work in IE6.
<div style="margin-left: 40px;"><font style="font-family: courier new,monospace;" face="courier new,monospace"><!-- height of content is over than 150 -->
<div id="dialog"></font><font style="font-family: courier new,monospace;" face="courier new,monospace">
</font>
<div style="margin-left: 40px; font-family: courier new,monospace;">
blah blah
blah blah
blah blah
blah blah
blah blah
blah blah
blah blah
blah blah
blah blah
</div><font style="font-family: courier new,monospace;" face="courier new,monospace"></div></font><br style="font-family: courier new,monospace;"><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;"><script type="text/javascript"></span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">$("#dialog").dialog({minHeight: 150}); // minHeight as default</span><br style="font-family: courier new,monospace;">
<span style="font-family: courier new,monospace;"></script></span>
</div>In above case, 454 Line of jQuery UI Dialog 1.6rc5 got error on IE6.
<font face="courier new,monospace">
</font><div style="margin-left: 40px;">
<font face="courier new,monospace">this.element</font>
<font face="courier new,monospace"> .css({</font>
<font face="courier new,monospace"> minHeight: <b>options.minHeight - nonContentHeight</b>,</font> // this seems a negative number.
<font face="courier new,monospace"> height: options.height == 'auto'</font>
<font face="courier new,monospace"> ? 'auto'</font>
<font face="courier new,monospace"> : options.height - nonContentHeight</font>
<font face="courier new,monospace"> });</font>
</div>
<div style="padding: 5px; position: fixed; z-index: 99999999; display: none; top: 0pt; right: 0pt; bottom: auto; left: auto; height: auto; width: auto; background-color: rgb(0, 0, 0); font-size: 13px; line-height: 1.2; color: rgb(136, 255, 255); opacity: 0.8;">
</div>
Topic Participants
mctenshi
jeoffwilks
scott.gonzalez