手机上按钮的错误点击区域

Wrong clickable area of a button on mobile

这是我的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 版,上次更新)中的移动行为;该设备无关紧要。你也可以试试

在 Chrome 和 Opera 中,实际的 android 也会出现相同的行为。

旁注!

  1. 如果您在任何多选字段中激活下拉搜索,当它可见时,关闭按钮在移动设备上可以完美无误地工作。 (虽然这个下拉面板的行为也很奇怪。当专注于一个字段时它并不总是像在 PC 上那样下拉。)

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

  3. 如果您想在 phone 上测试它,请选择桌面站点。但是,在移动视图中,会发生另一件奇怪的事情——字段右侧的蓝色 X 按钮不起作用。

PS。绞尽脑汁想了3个小时才解开这个谜团,还是没有结果。请帮忙!

罪魁祸首是“选择的”插件。不要使用这个蹩脚的插件。他们根本不支持移动设备并且有很多错误。

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