在iOS移动浏览器中键入textarea时，光标消失在软键盘后面

Question

假设我的文本区域很大，像这样：

<textarea cols="40" rows="200"></textarea>

，例如https://jsbin.com/jevipuz中的那个。

当我在iOS上的移动Safari或Chrome中打开此网站并开始输入文本区域时，一段时间后，文本会消失在软键盘后面，因为正文不会滚动以保持光标在视野中。它可以在Android移动浏览器（和桌面浏览器）上正常运行。

是否有一种使用HTML，CSS和/或JS在iOS上实现此目的的方法？