Safari 文本区域调整大小句柄因填充而损坏？

Question

这段代码在 Chrome 和 Firefox 中运行良好。但在 Safari 中，如果内边距超过 11 像素，则拖动手柄将不起作用。

这是 Safari 中的错误，还是我遗漏了一些愚蠢的东西？

<style>
textarea {
  padding: 11px 16px;
}
</style>

<textarea>Stuff goes here. Does my drag handle work?</textarea>

Answer 1

我昨天遇到了同样的问题，不幸的是无法找到该问题的直接解决方案。

作为替代方案，您可以完全放弃调整大小手柄，并考虑使文本区域自动调整大小。就我个人而言，我觉得无论如何这都会带来更好的设计。您完全避免了调整大小手柄的问题，并且您的用户可以获得文本所需的额外空间，而不必自己摆弄小手柄。

这篇文章提供了一些关于如何实现这一目标的好例子。