在显示react-select之前,CSS悬停/活动触摸反馈不在移动设备上工作
All*_*ome 13 javascript css reactjs
我在努力调试这个问题.在UI上显示反应选择之前,移动触摸元素上的反馈不提供关于触摸的反馈.
这可以通过完成移动之旅直到第4步来看到:https: //odd-panda-design.badgerbookings.com/booking
当您第一次与元素交互时,没有反馈,但是当您到达旅程中的第4个屏幕并单击"注册"(显示反应选择)时,如果您导航回到它们,则悬停元素会突然提供反馈.此问题仅适用于移动设备,而非网络版.我已经使用Chrome在iPhone 6上进行了测试.
以下是触发触摸反馈交互的react-select元素.
我尝试添加onTouchStart和更改悬停元素以包含:active或:focus
我不确定这是否是反应或javascript问题
我以前处理过这个问题。
尝试添加onclick=""到任何需要 ios 识别为悬停元素的元素。
作为旁注，尝试抽象问题。删除react select，看看是否有效，如果不行，继续抽象，看看问题何时消失。