Firefox textarea 填充错误？

Question

大多数浏览器

所有浏览器都像 chrome 一样渲染 textarea 填充：（下图）

火狐不一致

但是firefox出于某种原因把它渲染成这样？？（下图...看看填充如何在溢出时切断单词）

如果有人有一些关于为什么会发生这种情况的信息/一个好的修复，请分享！谢谢！

哦，这是截图中的代码：codepen

textarea {
  display: block;
  overflow: auto;
  border: 0;
  outline: 0;
  resize: none;

  height: 230px;
  width: 500px;
  background: #ddd;

  padding: 50px; /* here's where it get's weird */
  margin: 20px;
}