Chrome窗体验证消息在Windows 10的屏幕上显示

Question

我在Chrome版本55上，其原生表单验证消息出现在Windows 10上的浏览器窗口之外：

更糟糕的是，如果用户的窗口最大化，因为消息根本不可见并且使用户挂起。由于验证错误，表单未提交，但未向用户显示任何内容。 ： - （

此问题似乎仅在Windows上使用Chrome时出现，因为我还测试了以下环境，它们似乎工作正常：

• macOS上的Chrome 55
• Windows 10上的Firefox
• Windows 10上的Internet Explorer
• Windows 10上的Edge

这种行为是否与其他人看到的一致？任何解决方法？这是我的小提琴：

https://jsfiddle.net/q4qg5f3t/1/

<form action="" method="post">
  <div>
    <input type="email" name="address" value="" required />
  </div>
  <div>
    <button type="submit">Submit</button>
  </div>
</form>

更新（2016-12-18）： 我在这里提交了一个错误：https://bugs.chromium.org/p/chromium/issues/detail?id=675476

这里也讨论过：https://productforums.google.com/forum/#!topic/chrome/Z7zelQwtd5k;context-place=forum/chrome

更新（2016-12-19）： 事实证明，此问题与屏幕像素密度有关：https://bugs.chromium.org/p/chromium/issues/detail?id=675476

Answer 1

实际上，是的。标签之间的消息似乎存在错误。

Answer 2

此问题在Chrome中是Windows中高dpi屏幕的一个错误。修补程序于11月19日提交，但我不确定它何时会出现在稳定分支中：

https://chromium.googlesource.com/chromium/src.git/+/5debc705a0b892bd2dcf82ec7672147268083957