automatically increase the width of the dropdownlist according to the item

[jeongkyu park]

I want to automatically increase the width of the dropdownlist according to the item.

Hello.

I am using syncfusion ej2 es5 (bootstrap4), but if the width of the dropdownlist is auto, it is too wide. And because the width of the item is searched in the DB and the width is changed, neither the item nor the selected item is visible. 

Even if the maximum width of an item in the dropdownlist is selected, such as column Autofit in the grid, we ask if it can be automatically adjusted to the width so that'...' is not visible in the dropdownlist.

Thank you.

Attachment: SyncfusionEJ2ES5_Dropdownlist_sample_deaf9a08.zip

[Ponmani Murugaiyan]

Hi Jeongkyu, 

Thanks for contacting Syncfusion support. 

Yes you can increase the popup width using the property popupWidth as like below code snippet. 

var listObj = new ej.dropdowns.DropDownList({ 

    //set the data to dataSource property 

    dataSource: sportsData, 

    width: 'auto', 

    popupWidth: 'auto' 

}); 

listObj.appendTo('#ddl'); 

Modified sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionEJ2ES5_Dropdownlist_sample_deaf9a08-1534723338  

Regards, 

Ponmani M