键盘iOS（Chrome）隐藏绝对位置的输入

Question

我有一个显示输入文本框的组件

<div class='container'>
    <input type="text" />
</div>

我的风格是：

.container {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 100;
}

当我单击输入文本时，此行为仅在iOS（Chrome）上，键盘会打开并隐藏输入文本。

IMG 1：底部输入，键盘关闭

IMG 2：在键盘打开的情况下

我希望输入的文本保留在屏幕上，以便可以看到正在输入的内容。

收件箱聊天中的twitter mobile也会出现相同的问题。

谢谢