this.select（）仅在第二次点击时有效-Google Chrome

Question

当我单击输入字段时，我希望输入字段中的文本突出显示。当我使用Google Chrome浏览器时，第一次单击输入字段时，文本将突出显示（应如此）。但是，如果我单击屏幕上的其他位置，然后再次单击输入字段，它将不会选择文本。然后，如果我在屏幕上的其他位置单击，然后再次单击输入字段，它将选择文本。因此，循环继续进行。此问题仅在Google Chrome上发生。我创建了一个代码段，但该问题无法在此处复制。

每次单击输入字段时如何使它选择文本？

var inputFieldEl = document.getElementById("inputField");

inputFieldEl.addEventListener('click', function () {
  inputFieldEl.select();
})

#input input {
  width: 50px;
  border: 1px solid #000000;
  text-align: right;
}

<div id="input"><input id="inputField" type="text" value="50"></div>