Validation 铬验证气泡位置错误

因此，我写了一篇小文章，强调了这个问题：

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

试验场

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

但Chrome做到了这一点：

如何确保验证气泡位于正确的位置？我是否需要在Chrome中执行其他操作

---

我已经在两台单独的PC上测试过这个问题，我使用的是版本

54.0.2840.99m（64位）

，这很奇怪。我也试过了，但它显示在错误的位置。我认为这是chrome上的一个问题