iOS 11.3 IPad键盘与页脚中的输入重叠

Question

请看一下这支笔

https://codepen.io/anon/pen/BPLaOJ

.body {
  padding: 2000px 0 0;
}

input {
  padding: 10px;
  width: 100%;
}

* {
  box-sizing: border-box;
}

<div class="body">
  <input type="text">
</div>

在装有Safari中iOS 11.3的iPad上，如果您点击输入，则会出现键盘，并且该键盘与输入重叠。

有人知道如何解决此问题吗？ 预期结果：在显示键盘时输入可见。