React Select auto size width

Question

When using react-select it is not auto sizing by option value, but using width:100% as you can see in picture:

Options are short:<

Answer 1

9/2020

Hey guys :) the solution is so simple than that workarounds !

the problem in these classes __placeholder, __single-value

just add this css to both of them and you will get auto sized react-select

.CUSTOM_PREFIX__single-value,
.CUSTOM_PREFIX__placeholder {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    max-width: none;
  }