ASP.Net Ajax ComboBox в ModalPopup

Question

У меня есть поле со списком внутри ModalPopupExtender, и когда отображается всплывающее окно, список элементов не находится под текстовым полем, но смещен вправо.мой код:

<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true">
        <Services>
        </Services>
        <Scripts>
            <asp:ScriptReference Path="~/JavaScript/ScriptManager.js" />
        </Scripts>
</asp:ScriptManager>

<div>
    <asp:Panel ID="dialog" runat="server"> 
        <div id="dialogContents"> 
            <asp:ComboBox ID="DropDownListMailTos" runat="server" AutoPostBack="true" 
                DropDownStyle="DropDown" Width="90%" RenderMode="Block"> 
                <asp:ListItem Text="1" Value="1" /> 
                <asp:ListItem Text="2" Value="2" /> 
                <asp:ListItem Text="3" Value="3" /> 
            </asp:ComboBox> 
            <br /> 
            <asp:Button ID="btnOK" Text="OK" runat="server" /> 
        </div> 
    </asp:Panel> 

    <asp:Button ID="btnShow" Text="Open Dialog" runat="server" /> 

    <asp:ModalPopupExtender 
        TargetControlID="btnShow" 
        PopupControlID="dialog" 
        OkControlID="btnOK" 
        DropShadow="true" 
        BackgroundCssClass="modalBackground" 
        runat="server" /> 
</div>

я пробовал найти несколько решений здесь и здесь

но не повезлоЧто я могу с этим поделать?

Answer 1

Похоже, что единственная проблема здесь в том, что ModalPopup конфликтует со стилем по умолчанию ComboBox. Вам просто нужно поиграться с классом CSS, который применяется к ListItem в ComboBox, чтобы они правильно отображались. Добавьте следующий код в свой CSS для этой страницы (проверено в IE9, Chrome и FireFox), и вы должны быть хорошими:

.ajax__combobox_itemlist
{
    position:fixed !important;
}

Для получения дополнительной информации см. Раздел «Темы со списком» внизу страницы документации .