title: selectize.js placeholder width issue
body: <p>I am using <a href="https://selectize.github.io/selectize.js/" rel="nofollow noreferrer">selectize.js</a> jquery library for autocomplete (autosuggest) functionality.</p>
  
  <p>Everything working good except from placeholder issue. </p>
  
  <p>Below is my code what I have done.</p>
  
  <p><strong>HTML CODE</strong></p>
  
  <pre><code>&lt;input class="form-control" 
                     aria-describedby="basic-addon2"
  
                     name="q" 
                     id="q"
                     data-request="" 
                     data-request-success="console.log(data)" 
                     data-track-input="true" 
                     autocomplete="off" 
                     value="{{ search_value.q }}"
                     type="text"&gt; 
  </code></pre>
  
  <p><strong>JAVASCRIPT CODE</strong></p>
  
  <pre><code>$('#q').selectize({
      plugins: ['remove_button'],
      valueField: 'address',
      labelField: 'address',
      searchField: 'address',   
      placeholder:'Search Properties by suburb, region, postcode or address',                  
      create: true,    
      render: {
          item: function(data, escape) {
              return '&lt;div&gt;' + escape(data.address) + '&lt;/div&gt;';
          }
  
      },
      load: function(query, callback) {
          if (!query.length) return callback();
          $.ajax({
              url:  base_url + '/search-property-autocomplete',
              type: 'POST',
              dataType: 'json',
              data: {
                  q: query,
  
              },
              error: function() {
                  callback();
              },
              success: function(res) {
                  console.log(res.properties);
                  callback(res.properties);
              }
          });
      }
  });
  $(".selectize-input input[placeholder]").attr("style", "width: 100%;");
  </code></pre>
  
  <p>This is how it looks like when I load the page. </p>
  
  <p><a href="https://i.stack.imgur.com/AtQ2A.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AtQ2A.png" alt="enter image description here"></a></p>
  
  <p>Its showing full text of placeholder .. but when I am about to type and getting the hint and select anything and when I am clearing all items, its width decreased and showing something like below.</p>
  
  <p><a href="https://i.stack.imgur.com/T8ijb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T8ijb.png" alt="enter image description here"></a> </p>
  
  <p>As we can see, placeholder text is cutting. </p>
  
  <p>This is a video link how its behaving at the moment - <a href="http://www.screencast.com/t/B1w1TssUAelI" rel="nofollow noreferrer">http://www.screencast.com/t/B1w1TssUAelI</a> </p>
  
  <p>I have tried to put few events which does not work. </p>
  
  <p>Can someone help me how to solve this ? </p>