select2 dropdown auto width not working properly

Question

I am using select2 to set the dropdownautowidth to true on my SharePoint search page and it works perfectly on page load for the first time. After i search for some keyword, the page loads with search results and then dropdownautowidth is not setting true by somehow. I am using $('#ddlCategory').select2({dropdownAutoWidth : true}); statement on my document.ready function.

Any help is appreciated.

Answer 1

This worked for me:

$('select').select2({
    dropdownAutoWidth : true,
    width: 'auto'
})

Answer 2

you need to quote it, like:

$('#ddlCategory').select2({dropdownAutoWidth: 'true'});

this works for me.

Answer 3

In select2 4.0.0 this will not work for me, either. I use this workaround:

$('select').select2();

The css:

select + .select2-container {
  width: 100% !important;
}