extjs - 自動サイズ調整された ExtJS フローティング パネルのスクロールバー幅を考慮する

Question

ExtJS 4.1.1 を使用した場合の問題は次のとおりです。コンテンツのサイズが時間の経過とともに変化する可能性があるフローティング パネルがあります。コンテンツの周囲でフローティング パネルのサイズを変更したいのですが、高さを最大 400 ピクセルに制限します。その後、垂直スクロールバーが表示されます。

この JSFiddle が問題を最もよく説明しています: http://jsfiddle.net/38Kaf/6/。

コンテンツのサイズが maxHeight を下回ると、自動サイズ調整がうまく機能します。しかし、それよりも大きい場合 (350px 以上)、パネルの幅が小さすぎて青いボックスと垂直スクロールバーの両方を含めることができず、水平スクロールが表示されます。

レイアウト プロパティ (「manageOverflow」と「reserveScrollbar」) のどちらも効果がないことに注意してください。

回避策や代替アプローチの提案は大歓迎です!

Answer 1

レイアウト プロパティを指定しましたが、レイアウト タイプを指定していません:

layout: {
    type: 'fit',
    manageOverflow: 1,
    reserveScrollbar: true
}

これでうまくいくはずです。