溢出时 Cordova WebView 呈现失败

Question

我在 Windows 10 中的 cordova 应用程序出现了一些显示问题。 body 是绝对位置，以固定应用程序内容的大小。在里面我有一个样式来显示溢出作为滚动内容。此内容是在运行时创建的。它是一种带有下拉列表的表单。

一切正常。但是如果表单超过了某个临界长度，单击表单中的项目会导致我的应用程序的完整 UI 向上移动并显示一些灰色背景。我尝试使用 Visual Studio 进行调试，但找不到任何错误的 CSS 或打开的标记。调试时，溢出定义的任何更改都会导致应用 UI 正确显示 - 不取决于值。

向上移动 UI 似乎取决于表单长度和对象在表单中的相对位置。表单顶部的元素没有影响。底部的元素将整个 UI 移到视线之外。

您有什么建议或想法，我应该寻找什么？还是关于溢出渲染的一些已知问题？

最好的问候， TGJahn

---

编辑 2018-02-19 应用截图

App interface as it should be. right before selecting the option "Astungswunden oder -fäulen"

Right after selecting the option.

正文和页面包装器定义为

position:absolute;
top:0;
bottom:0;
height:auto;
overflow:hidden;

由于应用程序非常复杂，我试图隔离代码的基本部分......

Answer 1

嗯，长期研究的简短结果：我有一些 CSS 技巧（我前段时间在网上找到了，它以前适用于所有用例）用于样式复选框。 （使这些复选框不可见并使用标签进行一些漂亮的显示）。 这些复选框由 Webview 放置在下方，并导致所描述的行为。使用 Visual Studio 调试工具，我无法突出显示它们。我已经提取了整个生成的 html 代码并将其放入一些额外的文件中，因此我可以使用 Chrome 的开发人员工具。这样我就认出了不可见的盒子并改变了我的 css。