使用渐进式Web应用程序时，Android软菜单重叠

Question

我正在开发一个渐进式Web应用程序，并使用manifest.json "display": "fullscreen"中的一个在手机上运行它。
我发现，每当我使用虚拟键盘时，它都不会弹出位于其下方的常规“软菜单”（我使用的是Pixel 2 XL）。
这是一些屏幕截图，您可以理解我的意思：

当我要键入内容时，只要键盘出现，就不会出现软菜单，因此，如果我想通过点击左下角来隐藏键盘，它可以触发我的pwa UI上的按钮。

但是，如果我尝试用手指从屏幕底部“向上滑动”，它将显示软菜单，如下所示：

这种交互似乎有点差，并且不能提供良好的用户体验，因为我现在主要使用的是浏览器基本版本，因为尝试隐藏键盘通常会导致触发链接或按钮。网络应用。

您有任何纠正方法的想法吗？

非常感谢。

Answer 1

您正在使用display mode fullscreen。全屏模式：

  

在没有任何浏览器用户界面的情况下打开Web应用程序，并占用整个可用显示区域。

这包括顶部的状态栏（带有时钟等）和底部的导航栏。

如果您希望导航条对用户可见而又无需将其滑动，则必须使用standalone显示模式。