title: Why is the title (a string) of my v-select being broken into newlines at the spaces?
body: <p>The v-select v-model value is broken into new lines at spaces when user clicks to open dropdown.</p>
  
  <p>I have tried styling (white-space) to solve the issue.  I've also tried changing the string to an array and looping through the array but that seems like overkill.  I am using JS, <a href="https://vue-select.org/" rel="nofollow noreferrer">https://vue-select.org/</a> and Vue.  I am not using Vuetify's v-select.   </p>
  
  <p>My data:</p>
  
  <pre><code>data: () =&gt; ({
      selectedTitle: "Job Title"
  }),
  </code></pre>
  
  <p>The v-select:</p>
  
  <pre><code>&lt;v-select
      class="job-title-select"
      :options="titles"
      v-model="selectedTitle"
      @change="(entry) =&gt; this.updateCriteria(entry, 'Job Title')"
      taggable/&gt;
  </code></pre>
  
  <p>Note: updateCriteria() is sending data to the store.  It doesn't affect the v-select display or local value changes. v-model does.</p>
  
  <p>Expected: I should see the value as "Job Title", "Director of Stuff", on one line when the user clicks on the v-select.</p>
  
  <p>Outcome: When user expands/clicks on dropdown, this is what appears as the title for the dropdown element (these are not dropdown items): </p>
  
  <pre><code>Job
  Title
  
  Director
  Of
  Stuff
  </code></pre>