JQueryUI对话框：'auto'宽度不考虑垂直滚动条

Question

我有一个JQueryUI对话框，width属性为'auto'。一切正常，除非内容超出对话框的高度：显示垂直滚动条（按预期），但这样的滚动条会弄乱对话框内容的布局。

我认为width:auto属性会考虑滚动条，但事实并非如此。

在垂直滚动条出现的情况下，有没有办法动态调整对话框的宽度？

这是我预期的对话框：

当我点击“Hoja 2”标签时，内容会发生变化，宽度会自动调整：

如您所见，滚动条出现并按下第二个框。

Answer 1

解决了它将内容包装在以display:flex为样式的div容器中。