Text does not fill box

[Mickael]

Hi,

I am using an AutoCompleteBox in my page, but when I type something in it, the text gets moved to the left before my typing actually reach the right side of the box.
See the attached screenshot for an example of what happens.

I am not sure what causes this, so some pointers would be very welcomed.

This is my code:

<div style="display: table-cell; vertical-align: middle; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 5px;">
    <telerik:RadAutoCompleteBox
        ID="RdtCmpltBx_Data1"
        runat="server"
        WebServiceSettings-Method="GetSingleData"
        WebServiceSettings-Path="Main.aspx"
        OnClientTextChanged="DataChanged"
        Filter="StartsWith"
        DropDownPosition="Automatic"
        AllowCustomEntry="true"
        InputType="Text"
        TextSettings-SelectionMode="Single" />
</div>

[Mickael]

Could I get some help on this ?

[Nencho]

Hello Mickael,

The reason for the experienced behavior is the build-in X button in the Internet Explorer, which is applied to all inputs on the page. In order to overcome this behavior, I would suggest you to apply the following css style rule :

<style type="text/css">
      input[type=text]::-ms-clear {
          display: none;
      }
  </style>

Regards,
Nencho
Telerik