[jQuery] Odd dialog bug

[Kostrowsky]

Hi,

Just want to report an odd bug, using the UI dialog widget, in IE7
only:

How I create the dialog:

++++++
$('#' + popupId).dialog({
                                autoOpen:               true,
                                resizable :     false,
                                bgiframe :              true,
                                position :              [pos['x'], pos['y']],
                                width:          'auto',
                                height:         'auto',
                                minHeight:              100,
                                minWidth:               100,
                                draggable :     false,
                                stack :                 true,
                                show :          'slideDown("slow")',
                                hide :          'slideUp("slow")',
                                close:          function(event, 
ui){setLinkText(elementId, event, ui)}
                        });
++++++

The dialog markup:

++++++

<form id="map-params">
<table class="popup" id="popup-3">
  <tr>
    <td><input type="checkbox" name="categories" value="1"
checked="checked" /></td>
    <td><img src="http://localhost/images/people_20_20.png";
height="20px" width="20px" /></td>
    <td>Services&nbsp;à&nbsp;la&nbsp;personne</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="categories" value="2"
checked="checked" /></td>
    <td><img src="http://localhost/images/car_20_20.png"; height="20px"
width="20px" /></td>
    <td>Automobile</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="categories" value="3"
checked="checked" /></td>
    <td><img src="http://localhost/images/sport_20_20.png";
height="20px" width="20px" /></td>
    <td>Sport</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="categories" value="4"
checked="checked" /></td>
    <td><img src="http://localhost/images/computer_20_20.png";
height="20px" width="20px" /></td>
    <td>Informatique</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="categories" value="5"
checked="checked" /></td>
    <td><img src="http://localhost/images/house_20_20.png";
height="20px" width="20px" /></td>
    <td>Votre chez-soi</td>
  </tr>
  <tr><td colspan="3"><a id="all-checkboxes" href="javascript:void
(0);">Select all</a></td></tr>
</table>
</form>

++++++

In IE7 (firefox spits out the dialog without hesitation), the code
breaks at creation of the dialog: the dialog is not shown.  Further
investigation using Visual Web Dev indicates that at line 1048 of
jquery.js (v1.3.1), an invalid value is set (minHeight = "-47px"), a
negative value.  May be it's proper within the framework, but IE
chokes on it at odd times.

In this case, I just have to remove the last row of the table:
<tr><td colspan="3"><a id="all-checkboxes" href="javascript:void
(0);">Select all</a></td></tr>

And it works... sometimes. When it does not, the minHeight value is
again a negative value, -23px.  I then remove another table row, and
it's pretty much stable from then on.

Thanks for any help.

To