validation - Chrome 検証バブルの位置が間違っている

Question

そこで、問題を強調した小さなjsfiddleを作成しました。

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

コードが Firefox または Edge で実行される場合、検証バブルは正しい位置に発生します。

しかし、Chromeはこれを行います：

検証バブルが正しい位置にあることを確認するにはどうすればよいですか? Chrome で何か追加する必要がありますか?

問題を再現するために、2 台の別々の PC でこれをテストしました。バージョンを使用して54.0.2840.99 m (64-bit)います。