Dropdown arrow click not setting focus in IE9 compatibility mode

6 posts, 0 answers
  1. Antony
    Antony avatar
    57 posts
    Member since:
    Oct 2008

    Posted 03 Sep 2012 Link to this post

    Hi Everyone,

    I have a usercontrol used to edit values in a radgrid, so standard code, user clicks row in grid, grid expands to display the usercontrol containing all the values for the various fields in the row.

    Something I have noticed is that with IE9 compatibility the RadCombobox does not respond to clicking on the down arrow unless you first give the Radcombobox the focus by clicking in the text area which results in the dropdown being displayed and the RadCombobox getting the focus, thereafter the dropdown arrow will respond to mouse clicks until the radCombobox loses the focus.

    The strange thing is that this only seems to be a problem in some of the usercontrols displayed by various grids in our application.
    I have turned off our custom skin and used one of the standard skins which didn't make a difference.
    Even more strange is that on one particular usercontrol there is also 2 RadNumericTextboxes which dissappear as soon as any of the other controls on the usercontrol get the focus.

    Has anyone come across this before?

    Thanks
    Antony
  2. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 04 Sep 2012 Link to this post

    Hi Antony,

    I have answered to your query in the support ticket you have sent on the matter. In order to avoid possible discrepancies and misunderstanding I would like to ask you to continue our conversation only in one thread.

    Thank you!

    Kind regards,
    Ivana
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Brian
    Brian avatar
    4 posts
    Member since:
    Sep 2012

    Posted 09 Oct 2012 Link to this post

    I'm having the same issue in compatibility mode.  What was the resolution?
  4. Antony
    Antony avatar
    57 posts
    Member since:
    Oct 2008

    Posted 10 Oct 2012 Link to this post

    Hi Brain,

    I had to add the following CSS to stop the strange behaviour with IE Compat

    .RadComboBox .rcbArrowCell a {
    *zoom: 1;
    }
    .rgEditForm {
    zoom: 1;
    }

    Hope this helps
    Antony
  5. Brian
    Brian avatar
    4 posts
    Member since:
    Sep 2012

    Posted 10 Oct 2012 Link to this post

    Thanks for the help, but that didn't help.  This only seems to happen on the page where are controls are inside of a RadPanel.  I've been able to narrow the issue down to clicking from one Telerik control to another.  On a page where I have a telerik text box with focus, I can't click on the arrow, but if it's a regular ASP textbox, the Telerik control works as expected.  Same for a Telerik dropdown vs. an ASP dropdown.  The RadDatePicker also exihibits the same behavior. 

    I've also determined that this behaviour is only existent in compatibility mode.

    Thanks,
    Brian
  6. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 12 Oct 2012 Link to this post

    Hello Brian,

    I tried to replicate the described issue at my end, but to no avail.
    Here is what I have tested.
    <telerik:RadAjaxPanel runat="server">
        <%--<telerik:RadTextBox runat="server" />--%>
        <asp:TextBox runat="server" />
        <telerik:RadComboBox runat="server" AllowCustomText="true">
            <Items>
                <telerik:RadComboBoxItem Text="1" />
                <telerik:RadComboBoxItem Text="2" />
                <telerik:RadComboBoxItem Text="3" />
            </Items>
        </telerik:RadComboBox>
        <telerik:RadButton runat="server" Text="ClickMe" />
    </telerik:RadAjaxPanel>
    Either with the RadTextBox, or the asp:TextBox, the RadComboBox seems to function just fine.

    Would you send me a sample of this behavior so that I will be able to inspect the irregularities at my end?

    Thank you!

    All the best,
    Ivana
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top