JQueryUIダイアログ： 'auto' widthは垂直スクロールバーを考慮しません

Question

widthプロパティを持つJQueryUIダイアログを'auto'として持っています。コンテンツがダイアログの高さを超えて拡張される場合を除いて、すべてが正常に動作します：垂直スクロールバーが表示されますが、そのようなスクロールバーはダイアログのコンテンツのレイアウトを壊します。

私はwidth:autoプロパティがスクロールバーを考慮に入れると考えましたが、そうではありません。

垂直スクロールバーが表示されている場合に、ダイアログの幅を動的に調整する方法はありますか？あなたが見ることができるように

：

私は「Hoja 2」タブ、コンテンツの変更や幅は自動的に調整をクリックすると：私はそれを期待してここ

ダイアログが取り組みましたスクロールバーが表示され、2番目のボックスが押し下げられます。

Answer 1

display:flexという形式のdivコンテナに内容をラップして解決しました。