Vuetify - добавление v-меню к v-карте, изменяющее ширину v-карты

Question

Vuetify: 1.5.4

Я создал простую v-карту под v-flex, поэтому она будет автоматически настраиваться в зависимости от разрешения экрана.И у меня есть V-список внутри V-карты для отображения некоторой информации.

Example

В приведенном выше примере есть 3 карты, первая карта несодержат любое меню, вторая и третья карты имеют опции v-menu, а v-card имеет v-list.

Проблема здесь в том, что вторая и третья карты перекрываются из-за большого названия, но в первой карте оно было обрезано.Если я использую v-menu, это не обрезка.

Моя предыдущая версия, которую я использовал, это 1.1.4, и она сработала.

Любое изменение, которое я должен сделать?Спасибо за любую помощь.

Answer 1

Вы можете изменить отображение меню активатора на блок

.v-menu__activator {
  display: block !important;
}

Демо здесь