Vue.js Диалог слишком велик для мобильного устройства

Question

Редактировать: решено.Оставив оригинал для наглядности, объяснение в конце.

У меня есть веб-сайт с рабочим диалоговым окном со степпером, которое на ПК выглядит так, как задумано в chrome / firefox / edge, но на мобильных устройствах в тексте слишком много текста.диалог.Попытка прокрутки в диалоговом окне прокручивает страницу за диалоговым окном, но не само диалоговое окно - что делает диалоговое окно непригодным для мобильных устройств.

Я посмотрел и не смог найти информацию об оптимизации диалогов VUE длямобильные устройства.Любые ресурсы, связанные с этим, будут полезны.

РЕДАКТИРОВАТЬ: Диалог создается с помощью:

<v-dialog v-model="dialog" max-width="400px" scrollable>

Даже если у меня установлена ​​опция scrollable, диалог не прокручивается.

РЕДАКТИРОВАТЬ 2: Оказывается, что значение по умолчанию для scrollable является ложным, что означает, что если оно установлено, диалоговое окно НЕ прокручивается.Я удалил эту опору и получаю ожидаемое поведение.

Answer 1

Я искал информацию в документации, но не смог ее найти.Я возился, чтобы получить какой-то другой ответ, и удалил опору scrollable из диалогового окна и устранил проблему.Позже я обнаружил, что это значение проп по умолчанию - false, то есть оно не будет прокручиваться, если не установлено значение true (или опущено). Для справки