RadAjaxManagerProxy postback IE10, Firefox 23 conflict. Fine in IE8, Chrome 29, Opera, Safari 5

[M]

I recently created a page that contained a control which at the same time has another control

The internal control has 3 dropdownlist which are loaded in sequence. I mean, I select something from the first one and then second will be loaded. I used a RadAjaxManagerProxy in my page. Previously I have configured in my master page the ScriptManager and the meta tag for IE compatibility. The thing that in IE8 it works perfectly. The page does not refresh and give the information accurate but in IE10 does a postback when I change the element of the dropdownlist and my ModalBox disappear. I tried everything but nothing happens. I did the test with IE8 natively and then in the same PC updated with IE10. It works again in IE10 if I active the developper tools F12 and I set Browser Mode IE10 and Document Mode IE8

I realized in VS2012 working with IE10, I see the world icon in runtime that refreshes any time that I raise the onchange event of the dropdownlist, but not in IE8 where it works fine.

What can I do. This is my progress:

**Master Page**

    <Telerik:RadScriptManager ID="radScriptManager" runat="server" />

    <meta http-equiv="X-UA-Compatible" content="IE=10; IE=9; IE=8; IE=7; IE=EDGE" />


**Control 1**


    <table width="100%">
    <tr>
        <td>
            <asp:PlaceHolder ID="ph1" runat="server">
            <asp:DropDownList ID="ddl1" runat="server" Enabled="True" ShowFirstRow="True"
                AutoPostBack="True" AutoSelectSingleItem="true" onvaluechanged="ddl1_ValueChanged" />
            <br />
            </asp:PlaceHolder>
            <asp:DropDownList ID="ddl2"runat="server" Enabled="True" ShowFirstRow="True"
                AutoPostBack="True" AutoSelectSingleItem="True" onvaluechanged="ddl2_ValueChanged" />
            <br />
            <asp:DropDownList ID="ddl3" runat="server" Enabled="True" ShowFirstRow="True"
                AutoPostBack="true" AutoSelectSingleItem="True" onvaluechanged="ddl3_ValueChanged" />
        </td>
    </tr>
    </table>

**Control 2**

        <%@ Register Src="Control1.ascx" TagName="Control1" TagPrefix="asp" %>
        <h2>Details</h2>
        <asp:Repeater runat="server" ID="repAccounts" onitemdatabound="repAccounts_ItemDataBound" >
            <ItemTemplate>
                <asp:Control1 runat="server" ID="control1" />
            </ItemTemplate>
        </asp:Repeater>

**Page**
    
    <%@ Register Src="../Controls/Control2.ascx" TagName="Control2" TagPrefix="asp" %>
    
    <asp:Content ID="Content1" ContentPlaceHolderID="cphContents" runat="server">
        <Telerik:RadAjaxManagerProxy ID="ramp1" runat="server">
            <AjaxSettings>
                <Telerik:AjaxSetting AjaxControlID="pnl1">
                    <UpdatedControls>
                        <Telerik:AjaxUpdatedControl ControlID="pnlContainer" />
                        <Telerik:AjaxUpdatedControl ControlID="pnlControl" />
                    </UpdatedControls>
                </Telerik:AjaxSetting>
                <Telerik:AjaxSetting AjaxControlID="pnlControl">
                    <UpdatedControls>
                        <Telerik:AjaxUpdatedControl ControlID="pnlControl" />
                    </UpdatedControls>
                </Telerik:AjaxSetting>
            </AjaxSettings>
        </Telerik:RadAjaxManagerProxy>
    
    
    
        <asp:Panel ID="pnlContainer" runat="server">
            <asp:Panel ID="pnlDetails" runat="server">
                <asp:Repeater ID="repeater1" runat="server" OnItemDataBound="repeater1_ItemDataBound" OnItemCommand="repeater1_ItemCommand" >
                    <HeaderTemplate>
                        <table>
                        <thead>
                            <tr>
                                <th></th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                    </HeaderTemplate>
                    <ItemTemplate>
                            <tr>
                                <td><asp:Literal ID="litCode" runat="server"></td>
                                <td><asp:LinkButton ID="lnbSetDetails"></td>
                            </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </tbody>
                        </table>
                    </FooterTemplate>
                </asp:Repeater>
            </asp:Panel>
        </asp:Panel>
    
    
        <asp:ModalBox ID="myModalBox" runat="server">
            <Content>
                <asp:Panel ID="pnlControl" runat="server">
                    <asp:Control2 id="myControl2" runat="server" />
                </asp:Panel>
            </Content>
        </asp:ModalBox>

**Code behind**

        protected void repeater1_ItemCommand(object source, RepeaterCommandEventArgs e)
        {
              RadScriptManager.RegisterStartupScript(this, this.GetType(), "show", "showModalBox('myModalBox');", true);
        }

[Deyan Enchev]

Hello,

Based on the provided code snippets I have indicated several possible reasons that may lead to the experienced behavior.

When using RadAjaxManagerProxy in a content or control page you should place an instance or RadAjaxManager on the master page. In our online help this is more thoroughly explained.

Also have in mind that adding Meta tags in your master page should be within the <head> tag.

In our online demo site there is a good example on how JavaScript after AJAX is used.

An alternative approach of using ModalBox control would be using RadWindow which is possible to be set as Modal. This will give you client side flexibility and ease of use.

Regards,
Deyan Enchev
Telerik