gwt - GWT のネストされた TabLayoutPanel の表示にある偽のブロックは何ですか?

Question

GWTP アプリでは、TabLayoutPanel が別の TabLayoutPanel 内にネストされています。各プレゼンター/ビューに UiBinder を使用しています。

ここに UiBinder の行は含めませんでしたが (申し訳ありません)、TabLayoutPanel をネストすると、2 つのタブ行の間にオレンジ色の薄いラベルのない色のブロック (下の画像を参照) が追加される理由がわかりません。ネストされた TabLayoutPanel ではなく、VerticalPanel を持つトップレベルのタブには、余分なラベルのないオレンジ色のブロックがありません。

以前にこの表示に遭遇したことがありますか?

私の MainView.ui.xml は次のようになります。

<g:TabLayoutPanel barHeight="2" barUnit="EM">
<g:tab>
    <g:header>Invite</g:header>
    <g:VerticalPanel/>
</g:tab>

<g:tab>
    <g:header>News</g:header>
    <g:VerticalPanel/>
</g:tab>

<g:tab>
    <g:header>Teams</g:header>
    <g:TabLayoutPanel barHeight="2" barUnit="EM"/>
</g:tab>

</g:TabLayoutPanel>

その 3 番目のタブでは、<g:header> の後に別の TabLayoutPanel をネストするのは正しいですか?

ネストされた TabLayoutPanel は、次の形式の各タブで簡単に定義されます。

<g:tab>
    <g:header>All Teams</g:header>
    <g:VerticalPanel/>
</g:tab>

Google Developer Tools は、class="gwt-TabLayoutPabelTab get-TabLayoutPanelTab-selected" を持つ別の DIV が、この最上位の TabLayoutPanel とネストされた TabLayoutPanel の間に挿入されていることを明らかにします。この追加のタブは、クラス "gwt-TabLayoutPanelTabs" を持つ DIV 内にネストされます。

これらの余分な DIV は、タブの 2 つの行の間に余分なブロックを表示します。