移动设备上按钮的可点击区域错误

Question

这是我的website。 我目前正在研究多项选择过滤器，或者更确切地说是重置它们。 PC上没有问题。 Click the X button and it clears the filter

但同样简单的事情在移动设备上却不能这样工作。我不明白为什么。 您需要单击 X 按钮下方的区域（位于下方）以关闭过滤器。 This is how you need to click to make it work

另外，我刚刚意识到，当像这样单击时，控制台中会出现错误。 Error in the console after successful dismissing

我正在使用带有移动模拟的 Inspector 测试 Opera（PC 版，上次更新）中的移动行为；该设备无关紧要。你也可以试试。

在实际的 android 上会发生相同的行为，无论是在 Chrome 还是 Opera 中。

旁注！

1. 如果您在任何多选字段中激活下拉搜索，虽然它是可见的，但关闭按钮在移动设备上工作得非常好和精确。 （虽然这个下拉面板的行为也很奇怪。它并不总是像在 PC 上那样专注于某个字段时下拉。）

2. 当我尝试使用控制台和 Jquery 找到关闭按钮然后应用 .click() 时，它起作用了。所以我想问题不在于JS。

3. 如果您想在手机上进行测试，请选择桌面站点。然而，在移动视图上，另一个奇怪的事情发生了——字段右侧的蓝色 X 按钮不起作用。

PS。我已经绞尽脑汁3个小时来解开这个谜团，但没有结果。请帮忙！

Answer 1

罪魁祸首是“选择”插件。不要使用这个糟糕的插件。它们根本不支持移动设备并且存在大量错误。

我切换到 Select2，一切都很好。