黄昏错误（元素在点（x，y）处不可点击。其他元素将收到点击。[修复]

Question

我的 Laravel Dusk 浏览器（即集成）测试中有一个错误，该错误经常发生在 Travis CI 上，并且无法在本地轻松重现：

元素在 (x, y) 点不可点击，其他元素将收到点击。”

这有时是由复选框标签或元素不在屏幕上并需要滚动到引起的，但我的问题并非如此。

就我而言，我有一个由 div 组成的自定义下拉列表。当我尝试单击包裹在 div

.dropdown__item

中的

.dropdown

时，

.dropdown

包装器 div 会收到点击。

如何解决这个问题？

Answer 1

由于OP已经将近一年没有将他们的修复移至答案中，而且由于我两次几乎点击离开这个问题而没有意识到解决方案就在问题本身中，所以我决定将其移至答案中。

---

解决此问题的方法是停止在

dropdown__item

上传播。在 Vue 2 中，这只是

@click.stop="methodName"

，但在 vanilla JS 中，它会是

event.stopPropagation()

。