HTML5“数字”类型输入-向上/向下箭头不精确的点击错误

Question

为标题问题道歉。我们今天发现，在 HTML5 数字输入的“向上”箭头周边附近单击会在第一次点击时触发“向上”箭头上的事件，但在每次后续点击时都会在“向下”箭头上触发事件。

这是一个演示问题的单行小提琴。我能够在 Chrome 59 中始终如一地重现该错误。

<input type="number" />

将光标移动到数字输入的“向上”箭头的上边缘并单击几次。可能需要几次尝试才能将光标放在正确的位置。第一次点击会触发向上箭头，但随后的每次点击都会触发向下箭头。

这是由 Chrome 为帮助解决极轻微的误点击而进行的某种类型的点击事件模糊处理造成的吗？我在这里很迷茫。

注意：我尝试在 Edge 和 Firefox 中重现，但没有成功。这可能只需要交给 Chrome 团队。

Answer 1

这是一个错误。如果您愿意，可以通过https://bugs.chromium.org 举报。

要点是：下面链接的代码包含类似的逻辑

if (is_pressed) {
    if (spin_up_pressed) {
        highlight spin up
    } else {
        highlight spin down
    }
}

这显然不完全正确。

https://cs.chromium.org/search/?q=spin_up%7CSpinUp+f:theme&type=cs