Настроить v-выбрать позицию выпадающего

Question

Я использую vuetify v-select компонент. Проблема, с которой я сталкиваюсь, заключается не в том, чтобы открывать раскрывающийся список вниз, я хочу, чтобы он открывался вверх, поскольку раскрывающийся список находится внизу страницы, поэтому некоторые элементы раскрывающегося списка не отображаются. Как и на картинке ниже, есть несколько вариантов Нунавут, которые не отображаются. Пожалуйста, помогите мне решить эту проблему.

<v-layout row wrap>
 <v-flex md6 xs12>
  <v-select
   :items="states"
   :closeOnSelect="true"
   multiple
   attach
   item-text='name'
   item-value='id'
  ></v-select>
 </v-flex>
</v-layout>

Answer 1

Вы можете использовать menu-props см. документы

<v-select
 :items="states"
 :closeOnSelect="true"
 multiple
 attach
 :menu-props="{ top: true, offsetY: true }"
 item-text='name'
 item-value='id'
></v-select>

Answer 2

Вот как я решил эту проблему, добавив auto

<v-layout row wrap>
 <v-flex md6 xs12>
  <v-select
   :items="states"
   :closeOnSelect="true"
   multiple
   attach
   item-text='name'
   item-value='id'
   auto
  ></v-select>
 </v-flex>
</v-layout>