Angular CDK虚拟滚动视口实现弹性宽度列表的问题求助

我目前在使用Angular 15开发项目（之后计划升级版本），现在遇到了一个关于cdk-virtual-scroll-viewport的问题：

我需要实现一个可以在多处复用的长列表，列表项的宽度要支持弹性变化——当项内文本内容较少时，宽度自动收缩到设置的最小宽度；当文本内容较多时，宽度能自动扩展到设置的最大宽度后不再拉伸。

但不管我尝试调整多少种CSS样式，始终达不到预期效果：列表项的宽度只会停留在设置的最小宽度，哪怕文本内容明显更长，也没法自动撑开宽度。感觉这应该是个挺基础的布局需求，可我就是卡在这里了，有没有大佬能帮忙分析下问题出在哪，给点解决思路？

我还专门搭了一个极简的示例来复现这个问题，里面模拟了不同内容长度的列表项，能直观看到当前的异常表现。

备注：内容来源于stack exchange，提问作者ineedtoknow