【问题标题】:textarea showing horizontal scroll bar after around 65k characterstextarea 在大约 65k 个字符后显示水平滚动条
【发布时间】:2021-12-09 03:55:47
【问题描述】:

我发现了一个 Chrome 错误,<textarea> 元素,当指定属性 font-sizefont-type 时,大约 65k 个字符会显示一个水平滚动条,并且没有任何 CSS 属性成功删除它。在将其“推过”的角色处,删除时,滚动条消失。为什么是这样?是否有可能阻止它或知道如何检测它何时发生?

重现步骤:

  1. 转至https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_textarea
  2. style="font-size: 16px;" 添加到<textarea>
  3. 使用这些示例文本,将其粘贴到文本框中
  4. 按任意文本键(即“t”或空格)

视觉步骤:

英文文本:https://gist.github.com/KevinDanikowski/f549cbb38e147e37cb9494d373d3615a

法文文本:https://gist.github.com/KevinDanikowski/3834d1611eede4215e08ff3c860d09ee(最后一个字符,“n”是删除时滚动条消失的字符)。

PS:这在 Firefox 中没有发生。

【问题讨论】:

  • 我没有这个问题。
  • @SecretTimes 很有趣,你尝试了这两个文本?因为我确实让团队的其他成员也尝试过,但他们遇到了问题。
  • 是的,尝试了两种文本并将font-size: 16px 应用于<textarea>
  • 您正在使用哪个版本的 Chrome?
  • @SecretTimes 更新 chrome 解决了这个问题....哇,我觉得很愚蠢,当我得知它发生在 chrome 上时,这应该是我尝试的第一件事。

标签: html css google-chrome


【解决方案1】:

最新版本的 chrome 中不存在此错误。只需更新 Chrome。

【讨论】:

  • 原来这个问题在更新后在其他情况下仍然存在。我没有新的方法来重现它,所以我暂时不用担心
猜你喜欢
  • 1970-01-01
  • 2021-11-13
  • 1970-01-01
  • 1970-01-01
  • 2015-03-06
  • 1970-01-01
  • 2014-11-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多