输入后 firefox 移动设备上全屏模式下的丑陋导航栏

Ugly navigation bar in fullscreen mode on firefox mobile after input

我在 Firefox 移动设备的全屏模式下输入后出现难看的导航栏。重现步骤:

  1. 在 Android 上用 Firefox 打开网站:https://app.usecue.com
  2. 添加到主屏幕以进入全屏模式(或以其他方式触发):https://i.stack.imgur.com/Yl3wo.png
  3. 获取虚拟键盘:https://i.stack.imgur.com/P7vlf.png
  4. 隐藏虚拟键盘:https://i.stack.imgur.com/hVom6.png

您看到来自 Android 的软导航按钮仍在我的屏幕上。它们不会消失并使我的 PWA 无法正常工作。

这是一个错误还是只是糟糕的编程?请注意,Chrome 会在几秒钟后隐藏它们并使它们半透明,这让我相信这是一个错误。

我也遇到了这个问题,但从 2020 年 11 月 9 日起,它似乎已在 Firefox Nightly 中得到解决。我讨厌等待 Mobile Firefox 的错误,但我希望这对您有所帮助!