title: React Select auto size width
body: <p>When using <code>react-select</code> it is not auto sizing by option value, but using <code>width:100%</code> as you can see in picture:</p>
  
  <p><a href="https://i.stack.imgur.com/A2uAp.png" rel="noreferrer"><img src="https://i.stack.imgur.com/A2uAp.png" alt="Select with short values"></a></p>
  
  <p>Options are short:</p>
  
  <pre><code>getOptions() {
      return [
          { value: 'AND', label: 'AND' },
          { value: 'OR', label: 'OR' }
      ]
  }
  </code></pre>
  
  <p>And code which produces it:</p>
  
  <pre><code>&lt;Select
      options={this.getOptions()}
      value={value}
      autosize={true}
      clearable={false}
      simpleValue
  /&gt;
  </code></pre>
  
  <p>Is there any way to make <code>react-select</code> to show these values with auto sizing, so select box would be the same as option length, and I could, for example, center this select box in <code>&lt;div&gt;</code>?</p>
  
  <p><strong>Updated 14.11.2017</strong>
  Full example can be seen in this <a href="https://jsfiddle.net/ygha4wd1/" rel="noreferrer">jsFiddle</a></p>