title: react-select placeholder value showing outside the box
body: <p>I'm trying to use react-select for a multi select dropdown use case. The issue I'm facing is that the placeholder displays over the select box rather than inside it.</p>
  
  <p><a href="https://i.stack.imgur.com/leqOt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/leqOt.png" alt="enter image description here"></a></p>
  
  <p>Also, when I click, the options do not show properly.</p>
  
  <p><a href="https://i.stack.imgur.com/FjzPn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FjzPn.png" alt="enter image description here"></a></p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;div className="container"&gt;
  &lt;Row&gt;
      &lt;Col md={3}&gt;
          &lt;Select
              autosize={false}
              closeOnSelect={false}
              multi
              onChange={this.handleSelectChange}
              placeholder="More options"
              removeSelected={true}
              simpleValue
              value={this.state.selectedOptions}
              options={selectOptions}
          /&gt;
      &lt;/Col&gt;
  &lt;/Row&gt;
  </code></pre>
  
  <p></p>
  
  <p>What could be going wrong?</p>