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.
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.
Hello Alex,
I have been able to reproduce this behavior and will update the case with my findings.
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.
Hello,
I'm just following up to see if you need any further assistance with this issue. If so please let me know.