0

多亏了 Firefox 的 3D 视图<div>，我在 GWT 2.5.1 应用程序的屏幕边界之外检测到了一个空白区域。这是一个屏幕截图：

在此处输入图像描述

<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 上测试了这个问题，以测试一个理论，这可能是由于我的一个附加组件造成的。唉，也发生在没有安装我的附加组件的移动 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 都属于布局面板；它们是检测“相对单位”变化的“标尺”（em并ex检测字体变化——每个布局小部件有一个这样的 div——；cm检测缩放——整个应用程序只有一个这样的 div——），因为你可以混合当您将“层”放置在LayoutPanel.

我认为fixedRuler(for cms) 不仅应该定位在，top:-20cm而且应该定位在left:-20cm（或可能right:-20cm在 RTL 中）。您介意在https://code.google.com/p/google-web-toolkit/issues/entry提交错误吗？（甚至可能提供补丁： http: //www.gwtproject.org/makinggwtbetter.html）

于 2013-06-26T13:19:14.613 回答