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

Text does not fill box

2 Answers 33 Views
AutoCompleteBox
This is a migrated thread and some comments may be shown as answers.
Mickael
Top achievements
Rank 1
Mickael asked on 31 Oct 2014, 03:16 AM
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>


2 Answers, 1 is accepted

Sort by
0
Mickael
Top achievements
Rank 1
answered on 03 Nov 2014, 02:21 PM
Could I get some help on this ?
0
Nencho
Telerik team
answered on 04 Nov 2014, 12:53 PM
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
 

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.

 
Tags
AutoCompleteBox
Asked by
Mickael
Top achievements
Rank 1
Answers by
Mickael
Top achievements
Rank 1
Nencho
Telerik team
Share this question
or