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

Question

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

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

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

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

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

我不确定这是 react 还是 javascript 问题

Answer 1

我以前处理过这个问题。

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

作为旁注，尝试抽象问题。去掉react select看看能不能用，不行的话继续抽象，看看问题什么时候消失。