RadComboBox filtering text issue when MarkFirstMatch is set to True

2 posts, 0 answers
  1. Riz
    Riz avatar
    10 posts
    Member since:
    Jun 2013

    Posted 12 Apr 2014 Link to this post

    Hello Telerik Team,

    We have Event Management kind of asp.net web application and we have used the Telerik toolkit in our application. The current Telerik version currently we
    are using is 2012.2.912.35. We have used RadComboBox in our application extensively and most of the places we have set MarkFirstMatch property of RadComboBox to TRUE.

    Previously when we access our application in IE9 browser then RadcomboxBox filtering feature was working very smoothly but later
    on we started using IE 10 and IE 11 browsers then we noticed that the text at the top of RadComboBox diappears.

    In following screenshot you can see the country RadComboBox. I am using IE 10 or IE11 browser and suppose I search for “Boise”.
    Now when I started typing the alphabets in RadComboBox, the text at the top of DDL disappear and an X appears toward the center of the DDL.
    Please refer following screenshot:
    NOTE: The same problem is appearing for all of the RadComboboxes which are present in all of the pages of our application.

    [Refer ss1.png]

    In above screenshot, we can see that RadComboBox filters the results correctly but the text at top of DDL disappears and X appears at center
    which doesn’t looks well.

    This is the code of our web page where the country RadComboBox is located.  

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <form id="form1" runat="server">
            <telerik:RadScriptManager runat="server" ID="RadScriptManager1" EnableScriptCombine="false">
            <br />
            <br />
            <telerik:RadComboBox ID="cbCities" runat="server" Width="200px" MarkFirstMatch="true" ExpandDirection="Down">
                    <telerik:RadComboBoxItem Text="Atlanta" Value="1" />
                    <telerik:RadComboBoxItem Text="Austin" Value="2" />
                    <telerik:RadComboBoxItem Text="Baltimore" Value="3" />
                    <telerik:RadComboBoxItem Text="Boise" Value="4" />
                    <telerik:RadComboBoxItem Text="Boston" Value="5" />

    During investigation we found that when the “Display intranet sites in Compatibility View” option of IE11 is unchecked then dropdown works as
    desired and if we checked this option for IE11 then again the top of the text of DDL got disappears during typing a text.

    [Refer ss2.png]

    We cannot unchecked the
    “Display intranet sites in Compatibility View” of IE because when we unchecked this option in IE browser then complete design of our web pages
    got messed up.

    I have also tried adding the script given in below link but this didn’t resolved the issue at our end.

    Please suggest any generic workaround so that the filtering feature of all RadComboBox present in our application works as desired in IE11 and IE 10 browsers.


  2. Nencho
    Nencho avatar
    1890 posts

    Posted 16 Apr 2014 Link to this post

    Hello Riz,

    I am afraid that the version that you are currently using is relatively old, regarding the release of the browsers, where the problem is faced. Many fixes and enhancements are implemented since the version that you use, in order to address different problematic behaviors, caused by the new browsers.
    My suggestion is to upgrade to our latest official release, in order to get advantage of the enhancements and the bug fixes.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top