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

Quirky IE 9 behavior

3 Answers 178 Views

SearchBox

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

Dave asked on 26 Feb 2014, 10:04 PM

quirky.gif

telerik-demo.gif

There is an odd behavior only in IE 9, where the SearchContext combo expands to fill the entire search box. The search text and icon are then shifted to the far right. This happens when you first hover over the search box, and only in IE 9. Firefox, IE 8, 10 and 11 do not exhibit this behavior. You can see the result of this behavior in the two attached files: Quirky.gif (see aspx source below), and from the Telerik Demo page.

Any ideas on why this happening in IE 9? I have too many users with IE 9 to just ignore it.
Thanks!
Dave

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test2.aspx.cs" Inherits="InsureHubWeb.Test2" %>

<!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">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" EnablePageMethods="true" runat="server">

<Services>

<asp:ServiceReference path="~/WS/wsIHExplorer.asmx" />

</Services>

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Default" ShowChooser="false" />

<telerik:RadSearchBox ID="RadSearchBox1" runat="server"

EnableAutoComplete="false"

EnableViewState="false"

Width="500"

Label="Look In:"

EmptyMessage="Enter name or part of name"

>

<SearchContext ShowDefaultItem="false">

<Items>

<telerik:SearchContextItem Text="This Folder" Key="1" />

<telerik:SearchContextItem Text="All Folders" Key="2" />

</Items>

</SearchContext>

</telerik:RadSearchBox>

</form>

</body>

</html>

3 Answers, 1 is accepted

answered on 28 Feb 2014, 11:13 AM

Hello Dave,

Thank you for contacting us.

We have successfully replicated the issue. We have logged it and we will make our best to fix it shortly. We will notify you in this thread when there is some update about this issue. As a temporary workaround you can set “Width” of the SearchContext ComboBox:

<%@ Page Language="C#" AutoEventWireup="true" %>

<!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 id="Head1" runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" EnablePageMethods="true" runat="server">

<Services>

<asp:ServiceReference path="~/WS/wsIHExplorer.asmx" />

</Services>

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Default" ShowChooser="false" />

<telerik:RadSearchBox ID="RadSearchBox1" runat="server"

EnableAutoComplete="false"

EnableViewState="false"

Width="500"

Label="Look In:"

EmptyMessage="Enter name or part of name"

>

<SearchContext ShowDefaultItem="false" Width="100">

<Items>

<telerik:SearchContextItem Text="This Folder" Key="1" />

<telerik:SearchContextItem Text="All Folders" Key="2" />

</Items>

</SearchContext>

</telerik:RadSearchBox>

</form>

</body>

</html>

As a small token of gratitude for this bug report I am awarding you some Telerik points which you can see updated in your account profile.

If you have further questions or you observe other unusual issues please don't hesitate to contact us again.

Regards,
Aneliya Petkova
Telerik

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 UI for ASP.NET AJAX, subscribe to the blog feed now.