RADAjaxLoadingPanel Not Working Well With Chrome Browser

[Ed Lance]

I have a page with a RadListView with pagers, inside a RadAjaxPanel.  When you go to the next page, it shows the loading panel properly in IE 9.  In Chrome, it only shows it the first time or two, then doesn't show it at all.  Also, when that happens, for some reason the page size dropdown list is locked up until I refresh the whole page.  What's going on here?

You can see this in action at http://marinebio.org/search/

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
<h1><a href="/search/">Marine Species</a></h1><h6 onclick="expandcontent('groups1')" style="cursor:hand;cursor:pointer">
+ Browse by Group</h6>
<div id="groups1" class="switchcontent">
....
<div class="mb-sort"><asp:DropDownList ID="SortDropDownList" runat="server" AutoPostBack="True" OnSelectedIndexChanged="SortDropDownList_SelectedIndexChanged">
 <asp:ListItem Value="comname">Sort by Name</asp:ListItem>
 <asp:ListItem Value="family">Sort by Family</asp:ListItem>
 <asp:ListItem Value="genus">Sort by Genus</asp:ListItem></asp:DropDownList></div>
<telerik:RadListView ID="SearchRadListView" runat="server" ItemPlaceholderID="ItemPlaceHolder"
 DataKeyNames="id" DataSourceID="SearchSqlDataSource" AllowPaging="True" PageSize="12"
 BackColor="White">
 <LayoutTemplate>
 <div><div style="clear:both;width:660px;margin:0 auto 0;font-size:11px;">
 <telerik:RadDataPager ID="RadDataPager2" runat="server" PageSize="12" PagedControlID="SearchRadListView" Skin="Sitefinity">
 <Fields>
 <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
 <telerik:RadDataPagerButtonField FieldType="Numeric" />
 <telerik:RadDataPagerButtonField FieldType="NextLast" />
 <telerik:RadDataPagerPageSizeField PageSizeText="Show" />
 </Fields>
 </telerik:RadDataPager>
 </div>
 <asp:PlaceHolder ID="ItemPlaceHolder" runat="server"></asp:PlaceHolder>
 <div style="clear:both;width:660px;margin:0 auto 0;font-size:11px;">
 <telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="12" PagedControlID="SearchRadListView" Skin="Sitefinity">
 <Fields>
 <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
 <telerik:RadDataPagerButtonField FieldType="Numeric" />
 <telerik:RadDataPagerButtonField FieldType="NextLast" />
 <telerik:RadDataPagerPageSizeField PageSizeText="Show" />
 </Fields>
 </telerik:RadDataPager>
 </div></div>
 </LayoutTemplate>
 <itemtemplate>
 <div class="mb-results" style="text-align:center;"><div>
 <asp:HyperLink ID="imageHyperLink" runat="server" NavigateUrl='<%# "~/species.asp?id="&Eval("id")%>'>
 <asp:Image ID="Image1" runat="server" AlternateText='<%# Eval("comname")&" - "&Eval("GenusName")&" "&Eval("SpeciesName")%>' ImageUrl='<%# Eval("pic")%>' CssClass="mbphotos" />
 </asp:HyperLink></div>
 <asp:HyperLink ID="speciesHyperLink" runat="server" NavigateUrl='<%# "~/species.asp?id="&Eval("id")%>' ><strong><%# Eval("comnamestatus")%></strong><br /><em><%# Eval("GenusName")&" "&Eval("SpeciesName")%></em>
 </asp:HyperLink><br />Family: <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "~/search/?family="&Eval("FamilyName")%>' Text='<%# Eval("FamilyName")%>' /></div>
 </itemtemplate>
 <EmptyDataTemplate>
 <div id="mberror"><span class="mberror">Oh crab... no species were found that match your search criteria...</span><br /><br />Please <a href="/search/adv/">modify your search</a> and try again or <a href="/oceans/contact/">contact us</a> to report it and we will look into it asap. Thank you, Best Fishes!</div>
 </EmptyDataTemplate>
 </telerik:RadListView>
 </telerik:RadAjaxPanel>
 <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"></telerik:RadAjaxLoadingPanel>

[Jayesh Goyani]

Hello Ed,

Please check attached image.

let me know if any concern.

Thanks,
Jayesh Goyani