IE9: dropdown preserves focus and prevents async postbacks in UI for ASP.NET AJAX

This is a migrated thread and some comments may be shown as answers.

IE9: dropdown preserves focus and prevents async postbacks

16 Answers 133 Views

ComboBox

This is a migrated thread and some comments may be shown as answers.

Shukhrat Nekbaev asked on 31 Mar 2011, 01:14 PM

Untitled.png

Hi,

I'm having an issue with IE9, when I select item it does postback, site changes state accordingly, but cursor keeps blinking in the end in the selected item, if I try to click any postback controls of the page - nothing happens, I click somewhere nearby combobox (not all places help) and it loses focus, then I can click everything as normal, I've attached screenshot

Thx!

<telerik:RadComboBox ID="ddlOwnProjects" runat="server" DataTextField="Name" MarkFirstMatch="true"

AutoPostBack="true" Width="180px" EnableEmbeddedSkins="false" Skin="DefaultGBT"

DataValueField="Id" LoadingMessage="<%$ Resources:PGC, General_LoadingText %>"

EmptyMessage="<%$ Resources:PGC, General_DdlPleaseSelectTitle %>" OnSelectedIndexChanged="ddlOwnProjects_SelectedIndexChanged"

AppendDataBoundItems="true" Visible="true">

<Items>

<telerik:RadComboBoxItem Text="<%$ Resources:PGC, General_DdlPleaseSelectTitle %>" Value="None" Selected="true" Enabled="false" />

</Items>

</telerik:RadComboBox>

16 Answers, 1 is accepted

answered on 15 Jul 2011, 08:16 PM

Same (or very similar) problem here.

I had the problem with 2011 Q1 version of controls, and I just tested with the new 2011 Q2 version and the problem IS STILL there.

Same thing... IE9 only.
You get the "blinking cursor" at the end of the TEXT portion of the RadCombo. You CANNOT do anything else on the page that drives a partial post-back... INCLUDING NOT being able to hit the "down-arrow" on the RadCombo itself.

You need to click some place else on the page to get focus away from the RadCombo (to remove the "blinking cursor")...and then all is well again.

I would say it happens at least 80-90% of the time for me (if not more). I generally use the Vista Skin for my development. I have not tried changing skins or investigating the Vista skin itself...if this is a CSS issue with the SKIN.

I have entered a support ticket for the issue, but wanted to acknowledge the problem to the communitity in case others have the issue. I need a fix fast (hence the support ticket) as I will need to change course with using RadCombo for my current project if it won't function with IE9.

answered on 16 Jul 2011, 07:43 PM

Just wanted to add that we have seen the same issue with RadInput controls for the past few releases, but not just with IE9.

Our scenario is slightly different -- If our RadInput control has focus and there is a default button on the page, pressing the <enter> key to fire a postback results in the same scenario. Only way we can fix this is by trapping the enter key in RadInput control and setting the focus to some other control prior to the postback firing.

Here is my post on this. I got busy and dropped the ball on following up on the ticket, though, so didn't get it resolved officially.
http://www.telerik.com/community/forums/aspnet-ajax/input/radmaskedtextbox-is-possessive-and-keeping-focus-when-enter-key-pressed-to-fire-default-button.aspx

Maybe catching the <enter> key and changing focus with JavaScript will work for you as well.

Thad

answered on 16 Jul 2011, 07:55 PM

Hmmm.... yeah. My case is just on a standard drop-down selection from the RadCombo. So, I guess I could intercept the selected index changed event (server side)... or, in my specific scenario where the RadCombo is part of a filter in a RadGrid... and I am already using the standard javascript for the filter with the OnClientSelectedIndexChanged client event, so I guess I could do it there as well.

Thanks for the suggestion!

But, Telerik does need to look into this, because everytime we use these controls we can't be required to add all this extra code just to get it to function correctly.

Telerik?

answered on 01 Aug 2011, 06:22 PM

Hello Guys,

As it turns out this problem is actually a browser bug, similar to one in IE8 which has already been fixed. The fix for this issue will be available in the next service pack release - expected till the end of September.

As a temporary solution you may use some of the workarounds below:
1)

Copy Code

protected void cboPostBack_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)

{

lblPostbackMessage.Text = "You selected the value '" + e.Value + "'";

cboPostBack.Focus();

}

2)
Add the following javascript at the end of your "Default.aspx" page:

Copy Code

<script type="text/javascript">

var $T = Telerik.Web.UI;

$T.RadComboBox.prototype.oldPostback = $T.RadComboBox.prototype.postback;

$T.RadComboBox.prototype.postback = function(command) {

if (!this._postBackReference) return;

if ($telerik.isIE9) this.get_element().focus();

this.oldPostback();

};

</script>

All the best,
Dimitar Terziev
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.