HTML5 "number“类型输入-向上/向下箭头不精确单击错误

Question

很抱歉我的头衔是血淋淋的。我们今天发现，在HTML5数字输入上点击“向上”箭头的边界附近，会在第一次点击时触发“向上”箭头上的事件，但在随后的每次点击时都会触发“向下”箭头上的事件。

这里有一行小提琴演示了这个问题。我能够在Chrome59中一致地重现这个bug。

​

<input type="number" />

​

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

这是由Chrome为了帮助极小的点击错误而进行的某种类型的点击事件模糊造成的吗？我在这里迷路了。

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

Answer 1

这是一个bug。如果你愿意，你可以在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