按钮上 chrome 的粘性悬停状态

Question

我对 Chrome 中的悬停状态有疑问。我的网站上有几个袋子......当我删除其中一个时，下一个徽章仍然悬停......即使我没有用我的鼠标悬停（在移动触摸设备上相同（但在 FF 中（它使用chrome 引擎？）））。桌面上的 FF 和 Safari 工作正常。

同样的问题here。

尚未找到任何解决方案。有人可以帮忙吗？

Answer 1

我们找到了解决该问题的方法。简单修改了onClick ...问题是重点 -> .blur() method

之前：

onClick={onRemove}

之后

onClick={(event) => {event.currentTarget.blur() onRemove()}}