0

Firefox の 3D View のおかげ<div>で、GWT 2.5.1 アプリの画面の境界のはるか外側にある空白を検出しました。スクリーンショットは次のとおりです。

ここに画像の説明を入力

下にアプリのメイン画面があり、その上に 2 人の部外者<div>(これはレイアウト パネルの内部動作に起因すると考えられます) が表示され、その上に説明のつかない<div>. これは、次の doc 要素で表されます (Firefox 独自の開発ツールからコピー):

<div style="position: absolute; z-index: -32767; top: -20cm; width: 10cm; height: 10cm; visibility: hidden;" aria-hidden="true"> … </div>

<div>は RootLayoutPanel 要素の前に置かれます (検索に使用さensureDebugIdれます)。問題は、これが<div>アプリのモバイル ビュー (幅が制限されている) で望ましくない右マージンを引き起こすことです。<div>開発ツールを使用してこれを削除すると、問題が解消されます。

誰かがこれの起源と<div>それを取り除くことができるものを知っていますか?

PS: モバイル Firefox でこの問題をテストし、アドオンの 1 つが原因である可能性があるという理論をテストしました。残念ながら、アドオンがインストールされていないモバイル Firefox 21 でも発生します。

アップデート

GWT プロジェクト メンバーはこの問題についてコメントし、モバイル アプリケーションでのレイアウト パネルの使用を推奨していません。RootLayoutPanelの使用から の使用に切り替えたRootPanelところ、問題は実際に解消されました。

4

2 に答える 2

3

回避策として、これを CSS で使用します。アプリのウィジェットで aria を使用してテストしていません。

div[aria-hidden="true"] {
    right: 0cm;
}

ただし、iPhone などのモバイル アプリの水平スクロール バーは削除されます。

于 2013-10-19T07:33:53.950 に答える
1

これらの div はすべてレイアウト パネルに起因します。それらは、「相対単位」の変更を検出する「ルーラー」です (フォントの変更を検出する – レイアウト ウィジェットごとに 1 つのそのような div があります – およびemズームを検出する – アプリケーション全体でそのような div は 1 つだけです –)。に「レイヤー」を配置するときの単位。excmLayoutPanel

fixedRuler(for cms) は at だけでなく (または RTL にも) 配置する必要があるtop:-20cmとleft:-20cm思いright:-20cmます。https://code.google.com/p/google-web-toolkit/issues/entryでバグを報告していただけませんか? (そしておそらくパッチを提供することさえあります: http://www.gwtproject.org/makinggwtbetter.html )

于 2013-06-26T13:19:14.613 に答える