select2 - Setting different width to input and dropdown

Answer 1

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%;
  }