Input text is not filing the entire width control

[dsapo]

Hi Support:

I added an autocomplete control inside a td column.

<ej-autocomplete id="type" width="100%" datasource="Model.ProductList" watermark-text="Select" enable-auto-fill="true" show-popup-button="true">

                    <e-autocomplete-fields text="Name" key="ID" />

</ej-autocomplete>

My problem is that when I start typing, the text is not reaching to the end of the control, is not filling the entire width.  So the text is being horizontally scrolled.  The text reaches to 60% of the control's width.  I attached an image of the control.  You will that I added hundreds of the f letter, and is not filling the end of the width.

Any idea what could be causing this issue.

Thanks in advanced.

David

Attachment: autocomplete_45ee4f30.zip

[Rekha J]

Hi David,   

Thanks for contacting Syncfusion Support.   

We were able to reproduce the issue, “text is not reaching the end of the control, is not filling the entire width”. The issue occurs because in site.css file, max-width of input controls is assigned as “280px”. To overcome this issue, you have to change the max-width to width.    

Please refer to the below code snippet to achieve this.   

site.css file   

/* Set widths on the form inputs since otherwise they're 100% wide */   

input,   

select,   

textarea {   

    width: 280px;   

}   

   

  

For your reference, we have created a simple sample, and the sample available in:   

http://www.syncfusion.com/downloads/support/forum/128535/ze/Autocomplete_Application-1943924254.zip   

Regards,   

Rekha.   

  

 

[dsapo]

Thanks Rekha

Works great.

Regards,

David

[Rekha J]

Hi David, 

Thanks for the update. 

We are glad the suggestion helped you to resolve the issue. 

Please let us know if you need further assistance. 

 

Regards, 

Rekha J.