I am using Select2 3.3.2
I have very very long options in the select. Example:
Even better solution. Use:
$('#e1').select2({width: 'resolve'});
Here's how to make select2 wider only when its open:
If you want it to expand towards the right side, add this css:
.select2-container.select2-dropdown-open {
width: 170%;
}
if you want it to expand left, add this {
.select2-container.select2-dropdown-open {
width: 170%;
margin-left: -70%;
}