Autocomplete - Hide horizontal scrollbar when no content overflows.

[beach blah]

I'm attempting to prevent the horizontal scrollbar from showing when no content overflows the control.

I'm using the following code for this control.

<div class="col-xl-4 offset-xl-4 col-lg-4 offset-lg-4 col-md-6 offset-md-3 col-sm-8 offset-sm-2 col-12">

<div class="person-wrapper">

<input type="text" id="person" #person name="person-input" (select)="onPersonSelected($event)" ej-autocomplete [(ngModel)]="person" [dataSource]="people.list" [minLength]="3" [enabled]="people.enabled" [enableAutoFill]="false" filterType="startswith" floatLabelType="Always" fields="people.fields" watermarkText="Last, First" [highlightSearch]="true" [showPopupButton]="false" [multiColumnSettings]="people.columns" width="100%"/>

</div>

</div>

.person-wrapper {

     min-height: 435px;

     min-width: 275px;

}

[Buvana Sathasivam]

Hi Beach, 

  

Thanks for using Syncfusion products. 

  

We have validated your reported issue “Unwanted horizontal scrollbar shown on Autocomplete”.  This fix will be included in our SP1 Volume 4, 2017 release which has been scheduled to be rolled out by end of November, 2017. 

  

Regards, 

Buvana S.