textarea，谷歌火狐中 padding值的固定位置兼容问题

Question

谷歌和safari中给textarea padding-bottom：20px。当文档过长时只有拉动到最底部才有padding效果，而火狐中padding永远固定在底部，如何兼容使chrome，safari也有同样固定padding？
已尝试添加空白等高div覆盖在底部，但输入文本时会覆盖，看不到正在输入的内容。
chrome中，textarea的padding-bottom：20px：
chrome中滑动效果：

chrome中拉到底部效果：

FireFox中效果：

可以看到无论如何滚动输入，FireFox中上下的padding值永远存在

Answer 1

可以试试直接把要定位的文本直接放在外面？
https://jsfiddle.net/Lah6pkxj/