What would be causing this?
I've got an UpdateProgress control in my page that listens for any Async requests, namely changing a tab in a WebTab and changing a WebDropDown item. The UpdateProgress .gif animates fine when I'm changing tabs, however, as soon as I change the drop down item in the WebDropDown, changing tab just gives me a 'frozen' gif animation.
The WebDropDown has AutoPostBackFlags-SelectionChanged set to Async, and no other properties. Scratching my head to figure out why it's doing this, but figure it might be a client side issue.
Any ideas?
Also, this is when running the page within a winforms application. Otherwise it works fine.
I've also noticed that the spinner is only disabled if after selecting an item from the dropdown, the cursor is flashing in the dropdown box (i.e. as if you were typing)
Alright I can confirm that the issue definitely appears to be whether or not a caret is in the dropdown box after selecting an item. If there is no flashing caret in the box, it appears to work fine, however, if there is after making a selection, even if I change the selection or click off so the caret stops flashing, I get the error with the loading image not animating. Is there any way to completely disable putting a caret cursor in the dropdown? I already have enablecustomvalueselection and enablecustomvalues set to false, but it still shows up.
Hello Alex,
In this case I would need a working isolated sample so that I could investigate it. Please feel free to attach it to his thread when you are done with it and I will be glad to help you with it.
using the following:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="PhoenixWeb.WebForm1" %> <%@ Register Assembly="Infragistics45.Web.v14.2, Version=14.2.20142.1028, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI" TagPrefix="ig" %> <%@ Register Assembly="Infragistics45.Web.v14.2, Version=14.2.20142.1028, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.ListControls" TagPrefix="ig" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <div> <ig:WebScriptManager ID="WebScriptManager1" runat="server"></ig:WebScriptManager> <ig:WebDropDown ID="WebDropDown1" runat="server" Width="200px" DisplayMode="DropDownList"> <Items> <ig:DropDownItem Text="item1"> </ig:DropDownItem> <ig:DropDownItem Text="item2"> </ig:DropDownItem> <ig:DropDownItem Text="item3"> </ig:DropDownItem> </Items> </ig:WebDropDown> </div> </form></body></html>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="PhoenixWeb.WebForm1" %>
<%@ Register Assembly="Infragistics45.Web.v14.2, Version=14.2.20142.1028, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI" TagPrefix="ig" %>
<%@ Register Assembly="Infragistics45.Web.v14.2, Version=14.2.20142.1028, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.ListControls" TagPrefix="ig" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <div> <ig:WebScriptManager ID="WebScriptManager1" runat="server"></ig:WebScriptManager> <ig:WebDropDown ID="WebDropDown1" runat="server" Width="200px" DisplayMode="DropDownList"> <Items> <ig:DropDownItem Text="item1">
</ig:DropDownItem> <ig:DropDownItem Text="item2">
</ig:DropDownItem> <ig:DropDownItem Text="item3">
</ig:DropDownItem> </Items> </ig:WebDropDown> </div> </form></body></html>
I still get the carets. So even with an absolute base scenario, I'm still getting the carets using the suggested method. Is this a bug with the WebDropDown control?
Even using ReadOnlyList I still get the carets.
That being said, it does work in Google Chrome...just not IE11
Is there a way to programmatically remove focus from the input section of the dropdown?
I've already tried a suggested method using $find, but this gave me a null reference error.
I have been able to reproduce this behavior and will update the case with my findings.
Hello,
I'm just following up to see if you need any further assistance with this issue. If so please let me know.
this seems like a browser's wrong behavior, since the input element of the WebDropDown is marked with the readonly attribute and the browser still shows the caret. I suggest you to use .blur() method on the element when it receives focus. You can do this for all input elements via jQuery as follows:
$('input[readonly]').focus(function () { this.blur();});
After the element gets blurred it will no longer show the caret in IE. I hope this helps. Please let me know if you have further questions on the issue.