google-maps - EXT JS 4 に TAB InfoBubble を追加

Question

EXT JS に問題があります。infobubble タブを追加すると、タブが垂直方向に整列されます。元の水平方向の整列になりたいのですが、EXT JS CSS の問題だと思います。修正するアイデアはありますか?

This is the example

http://jsfiddle.net/anthor/vgxaV/3/

これはオリジナルのインフォバブルです

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html

Answer 1

このフィドルはクロムで動作します: http://jsfiddle.net/ach7N/6/

問題は、次の extjs css ルールにあります。

.x-border-box, .x-border-box * {
    box-sizing: border-box;
}

センター パネルと次の css に reset-box-sizing クラスを追加しました。

.x-border-box .reset-box-sizing * {
    box-sizing: content-box;
}