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

标题戈尔道歉。我们今天发现，在HTML5数字输入的“向上”箭头旁边点击会在第一次点击时触发“向上”箭头上的事件，但随后每次点击触发“向下”箭头上的事件。HTML5“数字”类型输入 - 向上/向下箭头不精确点击错误

下面是演示该问题的一行小提琴。我能够始终如一地重现bug在Chrome 59

<input type="number" />

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

这是由Chrome的某些类型的点击事件模糊引起的，旨在帮助处理极其微小的错误？我在这里迷路了。

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

谢谢

我在Chrome 58.0.3029.110复制它。我必须先点击向下箭头几次，然后单击向上箭头的上边缘。一个非常好奇的错误。添加'style =“height：100px;”'到盒子使其更加明显 –

我使用Trevor的增加盒子高度的方法在Chrome 59.0.3071.115上重现它--gif [here]（https://gfycat.com/Magnificent Glala鳄鱼） –

你的问题是什么？ –

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

要旨是这样的：下面连接到该代码包含像

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

逻辑哪显然不是完全正确的。

2017-07-11 12:47:22

是的，谢谢。我在这个问题的时候报道了它。它仍然没有解决。 https://bugs.chromium.org/p/chromium/issues/detail?id=740237 –

回答