使用溢出-y时，Firefox中的文本被截断：自动

Question

我遇到一个问题，其中的文本在带有垂直滚动条的div内被截断。在Chrome浏览器中，或者如果您始终通过overflow-y: scroll使滚动条始终可见，则不会发生这种情况。

这是一个演示：https://jsfiddle.net/bhzn8sar/

视觉表示：

我认为，仅当文本超过其父级的宽度时，文本才应被截断。由于未明确设置该宽度，因此父div应该只是水平增长。

目标是在Firefox中实现与Chrome相同的行为。

因此，我正在寻找有关此问题的CSS解决方法的帮助。