在 PWA 中，虚拟键盘与 html 元素重叠，而在移动 Chrome 浏览器中则不会

Question

我已将我的 Web 应用程序构建为渐进式 Web 应用程序 (PWA)。一切都很好，除了当我单击输入在 pwa 中输入内容时，键盘隐藏了固定在底部位置的元素。在 android 上使用 chrome 查看网站时，这不是问题。

我尝试使用连接到手机的开发工具对此进行调试，但键盘没有出现。

有谁知道我能做些什么来解决这个问题？

出现此问题的要素之一：

.scanner .text-input-btn {
    position: fixed!important;
    bottom: 18vh;
    left: 50vw;
    margin-left: -28px;
}

我认为这可能是 google chrome 的 PWA 启动器中的一个错误，我认为 webview 仍然是设备高度的 100% i/o 100% 减去虚拟 Android 键盘的高度。

在浏览器中：（正确） 在 PWA 中：（错误）

Answer 1

查看您的 manifest.json 并确保显示属性是独立的，我们在显示设置为全屏时遇到了一些问题，三星键盘将焦点从 PWA 中移出