Виртуальная прокрутка CDK с гибкой шириной ⇐ CSS

[Anonymous]

Я хочу использовать область просмотра cdk-virtual-scroll-view со списком из множества элементов. Этот список будет использоваться в разных местах, и некоторые элементы будут содержать больше текста, чем другие. Я хочу установить минимальную и максимальную ширину, чтобы, когда элементы содержат небольшое количество текста, он занимал только минимальную ширину, а когда у элементов больше текста, он заполнялся до максимальной ширины.
Но ничего из того, что я пытаюсь сделать, не работает. Я перепробовал массу стилей, чтобы получить то, что хочу, но пока ничего не помогло. Ширина расширяется только до установленной минимальной ширины, даже если текст должен продолжать ее расширять. Мне кажется, это должно быть очень просто? Может ли кто-нибудь дать какую-либо информацию?
Посмотрите этот простой пример, который я настроил в StackBlitz: https://stackblitz.com/edit/jrvmcqag?fi ... ample.html
(Кроме того, я сейчас использую angular 15, но планирую обновить. Вот почему stackblitz в в Angular 15.)

Подробнее здесь: https://stackoverflow.com/questions/799 ... ible-width