javascript - 在显示 react-select 之前，CSS 悬停/活动触摸反馈在移动设备上不起作用

Question

我正在努力在这里调试问题。在 UI 上显示 react-select 之前，移动触摸元素的反馈不会提供触摸反馈。

这可以通过在移动设备上完成旅程直到第 4 步来看到： https ://odd-panda-design.badgerbookings.com/booking

当您第一次与元素交互时，没有反馈，但是当您到达旅程中的第 4 个屏幕并单击“注册”（显示反应选择）时，如果您导航回悬停元素，它们会突然提供反馈。此问题仅在移动设备上，不在网络上。我已经使用 Chrome 在 iPhone 6 上进行了测试。

下面是触发触摸反馈交互的 react-select 元素。

我尝试添加onTouchStart和更改悬停元素以包含:active或:focus

我不确定这是反应还是 javascript 问题

标签： javascriptcssreactjs

Answer 1

我以前处理过这个。

尝试添加onclick=""到任何需要 ios 识别为悬停元素的元素。

作为旁注，请尝试抽象问题。去掉react select，看看是否有效，如果无效，继续抽象，看看问题什么时候消失。