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

[Anonymous]

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

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

 message: {{ dummymessage }}


INPUT

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

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

 message: {{ dummymessage }}


INPUT

Скриншот вывода:
Скриншот визуализированного результата
Есть идеи по этому поводу?

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