title: Adjust the select box when option value is bigger using element ui
body: <p>Adjust the select box when option value is bigger using element ui</p>
  
  <p>How this is possible please guide</p>
  
  <p>It should not cut the string after selection </p>
  
  <pre><code>&lt;template&gt;
    &lt;el-select v-model="value" placeholder="Select"&gt;
      &lt;el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"&gt;
      &lt;/el-option&gt;
    &lt;/el-select&gt;
  &lt;/template&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var Main = {
      data() {
        return {
          options: [{
            value: 'OptionFirstWithBigCharacter',
            label: 'OptionFirstWithBigCharacter'
          }, {
            value: 'Option2',
            label: 'Option2'
          }, {
            value: 'Option3',
            label: 'Option3'
          }, {
            value: 'Option4',
            label: 'Option4'
          }, {
            value: 'Option5',
            label: 'Option5'
          }],
          value: ''
        }
      }
    }
  var Ctor = Vue.extend(Main)
  new Ctor().$mount('#app')</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@import url("//unpkg.com/element-ui@2.7.2/lib/theme-chalk/index.css");</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="//unpkg.com/vue/dist/vue.js"&gt;&lt;/script&gt;
  &lt;script src="//unpkg.com/element-ui@2.7.2/lib/index.js"&gt;&lt;/script&gt;
  &lt;div id="app"&gt;
  &lt;template&gt;
    &lt;el-select v-model="value" placeholder="Select"&gt;
      &lt;el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"&gt;
      &lt;/el-option&gt;
    &lt;/el-select&gt;
  &lt;/template&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>"OptionFirstWithBigCharacter" should display properly</p>