html - 错误位置的 Chrome 验证消息气泡

Question

所以我写了一个突出问题的小演示:

<form>
  <label>Test field</label>
  <input type="text" required="required" />
  <input type="submit" value="Submit">
</form>

如果代码在 Firefox 或 Edge 上运行，验证气泡出现在正确的位置:

但是 Chrome 会这样做:

如何确保验证气泡位于正确的位置？我需要在 Chrome 中做一些额外的事情吗？

我在两台不同的 PC 上对此进行了测试以重现该问题，我使用的是版本 54.0.2840.99 m(64 位)。

Answer 1

这是该版本特有的 Chrome 错误；它已在后续主要版本中得到修复。