Jqueryダイアログボックスでは、開くたびに入力コントロールのサイズが大きくなります

Question

jqueryダイアログボックスに奇妙な問題がありますか？

インターネットエクスポレーター8では、ダイアログボックスを開くたびにテキストボックスのサイズが大きくなります。その他の項目はありません：ラベルとボタン。何か案は？違いがあれば、選択リスト内で特定の項目が選択されたときにダイアログが作成されます。

Thダイアログは、テーマのローラーサイトをテーマにしており、コントロールは外部のCSSファイルを使用してスタイル設定されています。

敬具 エド

コード：

$('#<%= uxSearchUnitDialog.ClientID %>').dialog({ 
autoOpen: false, 
width: 600, 
title: "Search", 
hide: "puff", 
modal: true, 
open: function (type, data) { 
    $(this).parent().appendTo("form"); 
}, 
buttons: { 
    "Cancel": function() { 

    //reset search from 
    $("#<%= uxUnitSearchResults.ClientID %>").empty(); 
    $("#<%= uxUnitCodeTxt.ClientID %>").val(''); 
    $("#<%= uxUnitDescTxt.ClientID %>").val(''); 
    $("#<%= uxPartnerUnits.ClientID %>").val(''); 

    $(this).dialog("close"); 
    $(this).dialog("destroy"); 
    $('#<%= uxSearchUnitDialog.ClientID %>').css('display', 'none'); 

    }, 
    "Ok": function() { 

    //reset search from 
    $("#<%= uxUnitSearchResults.ClientID %>").empty(); 
    $("#<%= uxUnitCodeTxt.ClientID %>").val(''); 
    $("#<%= uxUnitDescTxt.ClientID %>").val(''); 

    //apply search result to combo box 
    $("#<%= uxPartnerUnits.ClientID %>").empty(); 
    $("#<%= uxPartnerUnits.ClientID %>").html('<option value="" selected="selected"></option><option value="<%=this.SearchEntryText%>"><%=this.SearchEntryText%></option>'); 
    $("#UnitSearchResultsSelectTemplate").tmpl(data).appendTo("#<%= uxPartnerUnits.ClientID %>"); 


    $(this).dialog("close"); 
    $(this).dialog("destroy"); 

    $('#<%= uxSearchUnitDialog.ClientID %>').css('display', 'none'); 
    } 
} 
}); 

<div id="uxSearchUnitDialog" runat="server" style="display: none;"> 

<div class="lloc clearAll"> 
    <asp:Label ID="uxUnitCodeLbl" runat="server" AssociatedControlID="uxUnitCodeTxt" meta:resourcekey="uxUnitCodeLbl" CssClass="smaller" /> 
    <input type="text" ID="uxUnitCodeTxt" runat="server" class="medium" /> 
</div> 

<div class="lloc clearAll"> 
    <asp:Label ID="uxUnitDescLbl" runat="server" AssociatedControlID="uxUnitDescTxt" meta:resourcekey="uxUnitDescLbl" CssClass="smaller" /> 
    <input type="text" ID="uxUnitDescTxt" runat="server" class="mediumLarge" /> 
</div> 

<input type="button" id="uxSearchForUnitsBtn" runat="server" meta:resourcekey="uxSearchForUnitsBtn" /> 

<script id="UnitSearchResultsTableTemplate" type="text/html"> 
    <tr><td>${Code}</td><td>${Description}</td></tr> 
</script> 

<script id="UnitSearchResultsSelectTemplate" type="text/html"> 
    <option value="${Code}">${Description}</option> 
</script> 

<div class="clearAll" style="height: 300px; overflow: auto"> 
    <table id="uxUnitSearchResults" runat="server"></table>  
</div> 

Answer 1

私は今、これを修正しました。多分バグイオンIE8。ダイアログを開いたときに、ダイアログを開くたびに境界が同じに保たれていることを確認するために、以下の方法を使用しました。幅と高さは毎回設定されていました。

$("#<%= uxUnitCodeTxt.ClientID %>").css("border-style", "solid"); 
$("#<%= uxUnitCodeTxt.ClientID %>").css("border-width", "1px"); 
$("#<%= uxUnitCodeTxt.ClientID %>").height(20); 
$("#<%= uxUnitCodeTxt.ClientID %>").width(150); 

Answer 2

hide： 'puff'アニメーションが見つかりました。折りたたみなどの要素のサイズを変更しないアニメーションに変更すると、私のために固定されます。