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

RadComboBox filtering text issue when MarkFirstMatch is set to True

1 Answer 166 Views

ComboBox

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

Riz asked on 12 Apr 2014, 12:36 PM

ss1.png

ss2.png

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">
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" EnableScriptCombine="false">
            <Scripts>
            </Scripts>
        </telerik:RadScriptManager>
        <br />
        <br />
        <telerik:RadComboBox ID="cbCities" runat="server" Width="200px" MarkFirstMatch="true" ExpandDirection="Down">
            <Items>
                <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" />
            </Items>
        </telerik:RadComboBox>
    </form>
</body>
</html>

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.
http://www.telerik.com/forums/patch-ms-update-kb2586448-breaks-radcombobox-markfirstmatch-in-versions-older-than-2009-3-1314-inclusive

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.

Thanks,
Riz

RadComboBox filtering text issue when MarkFirstMatch is set to True

1 Answer, 1 is accepted