Chrome键盘处理在全屏模式/渐进式网络应用中不一致

Question

Android屏幕键盘对浏览器的影响不一致（Chrome 59，2017年8月）：

1. 在左侧：您会看到一个带有文本输入元素的黄色页脚的蓝页
2. 在中间：选择了输入元素，键盘显示。浏览器将页脚移到顶部
3. 在右侧：浏览器以全屏模式运行，而kayboard现在无法正确移动页脚，而是覆盖它。

页脚使用：

position: absolute; 
bottom: 0;

我们希望在全屏场景中拥有中间体验（在渐进式网页应用中，存在相同问题）。

这怎么可能？

演示

我已经整理了一个代码笔来展示这个问题。在手机中访问此网址：https://codepen.io/EnlightningMan/full/jLxOEq/（抱歉，不允许短链接）

或者在此处查看codepen的代码：https://codepen.io/EnlightningMan/pen/jLxOEq