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

Question

我已将我的网络应用构建为渐进式网络应用 (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 失去了焦点