Cordova WebView渲染失败溢出

时间:2018-02-15 13:33:04

标签: html css windows cordova webview

我在Windows 10中的cordova应用程序出现了一些显示问题。 正文是绝对的位置,用于修复应用内容的大小。在里面我有一个样式来显示溢出作为滚动内容。此内容在运行时创建。它是某种形式的下拉列表。

一切正常。但是如果表单超过某个临界长度,单击表单中的项目会向上移动我的应用程序的完整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;

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

1 个答案:

答案 0 :(得分:0)

好吧,长期研究的结果很短:我有一些CSS技巧(我之前在网上找到过,并且它之前的所有用例都很好用),用于样式复选框。 (使这些复选框不可见,并使用标签做一些不错的显示)。 这些复选框由Webview放在下面,并导致所描述的行为。使用Visual Studio调试工具我无法突出显示它们。我已经提取了整个生成的HTML代码并将其放入一些额外的文件中,因此我可以使用Chrome的开发人员工具。这样我就认出了那些看不见的盒子并改变了我的css。