我的 cordova 应用程序在 Windows 10 中出现了一些显示问题。 正文是固定应用程序内容大小的绝对位置。在里面我有一个样式来显示溢出作为滚动内容。此内容是在运行时创建的。它是某种带有下拉列表的形式。
一切正常。但是,如果表单超过某个临界长度,则单击表单中的元素会导致我的应用程序的完整 UI 向上移动并显示一些灰色背景。我尝试使用 Visual Studio 进行调试,但找不到任何错误的 CSS 或开放标记。调试时,溢出定义中的任何更改都会导致应用 UI 的正确显示 - 与值无关。
向上移动 UI 似乎取决于表单长度和对象在表单中的相对位置。表单顶部的元素没有影响。底部的元素将整个 UI 移到视线之外。
您有什么建议或想法,我应该寻找什么?或者是关于溢出渲染的一些已知问题?
最好的问候, 泰格扬
编辑 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;
由于应用程序非常复杂,我试图隔离代码的基本部分....
最佳答案
好吧,长期研究的短期结果:我有一些 CSS 技巧(我前段时间在网上发现并且它适用于之前的所有用例)用于样式化复选框。 (使这些复选框不可见并使用标签做一些漂亮的显示)。 这些复选框被 Webview 放置在下方,并导致了所描述的行为。使用 Visual Studio 调试工具我无法突出显示它们。我已经提取了整个生成的 html 代码并将其放入一些额外的文件中,因此我可以使用 Chrome 的开发人员工具。这样我就可以识别不可见的框并更改我的 css。
关于html - 溢出时 Cordova WebView 渲染失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48808544/