Почему заголовок (строка) моего v-select разбивается на новые строки в пробелах?

Значение v-select v-model разбивается на новые строки через пробелы, когда пользователь щелкает, чтобы открыть раскрывающийся список.

Я пробовал стиль (пробел), чтобы решить проблему. Я также пытался изменить строку на массив и перебрать массив, но это кажется излишним. Я использую JS, https://vue-select.org/ и Vue. Я не использую v-select Vuetify.

Мои данные:

data: () => ({
    selectedTitle: "Job Title"
}),

V-выбрать:

<v-select
    class="job-title-select"
    :options="titles"
    v-model="selectedTitle"
    @change="(entry) => this.updateCriteria(entry, 'Job Title')"
    taggable/>

Примечание: updateCriteria() отправляет данные в хранилище. Это не влияет на отображение v-select или изменение локальных значений. v-модель делает.

Ожидаемый: я должен увидеть значение как «Должность», «Директор по материалам» в одной строке, когда пользователь нажимает v-select.

Результат: когда пользователь расширяет/нажимает раскрывающийся список, это то, что отображается в качестве заголовка элемента раскрывающегося списка (это не элементы раскрывающегося списка):

Job
Title

Director
Of
Stuff