Firefox textarea填充错误？

Question

大多数浏览器

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

Firefox不一致

但是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;
}