Quasar для растягивания на всю высоту ⇐ Html

[Anonymous]

Я создаю представление чата. На мобильных устройствах я хочу охватить родительский div, содержащий , как можно больше, используя гибкий контейнер столбца. К сожалению, область q-scoll, похоже, ломается, когда она находится внутри .col (это гибкий класс, предназначенный для использования полной высоты при установке внутри родительского .column).
что я хочу в качестве минимального примера:

Код: Выделить всё

 message: {{ dummymessage }}


INPUT

Теперь я не вижу никаких результатов внутри области q-scroll.
Обработанный вывод.
Странно то, что элементы div появляются в инспекторе:
Инспектор отображает DOM, включая фиктивные сообщения.
Похоже, проблема в том, что q-scroll-area требует, чтобы родительский элемент указал явную высоту.
Следующий пример будет работать, но для того, чтобы иметь адаптивное представление, мне нужно будет рассчитать высоту, что является вариантом, но только если я понимаю, почему подход моей мечты не работает.

Код: Выделить всё

 message: {{ dummymessage }}


INPUT

Снимок экрана вывода:
Снимок экрана визуализированного результата
Есть какие-нибудь идеи по этому поводу?
Обновление: Когда я перехожу к инспектору браузера, нахожу контейнер области прокрутки в DOM q-scrollarea__container прокрутки относительного положения и переключаю положение: относительное, а затем снова включаю, желаемое поведение наблюдается. Это похоже на ошибку на сайте квазара или неправильное использование с моей стороны.
Обновление 2: После попытки воспроизведения на игровой площадке я не смог воспроизвести проблему - https://jsfiddle.net/rstoenescu/a2cuzods
Теперь я знаю причину, по которой она не работает по умолчанию. Quasar устанавливает для их высоты минимальную высоту: someInternallyCalculatedHeight. q-scroll-area требует явного определения высоты: someValue. Подробный ответ кроется где-то в том, как устроена q-scroll-area. Все еще ищем лучшие идеи.

Подробнее здесь: https://stackoverflow.com/questions/798 ... ull-height