I've got an issue. Let's assume we have two components - a select and a button. The button lies to the bottom of the select.
When you open the select, its option list covers this button.
If you click on an option that lies just on top of that button, the button gets hover effect and it doesn't "stop" unless you click again on the screen.
Note: the issue is reproduced only on touch devices, particularly in Safari. Doesn't reproduce in Chrome.
Hey!
I've got an issue. Let's assume we have two components - a select and a button. The button lies to the bottom of the select. When you open the select, its option list covers this button. If you click on an option that lies just on top of that button, the button gets hover effect and it doesn't "stop" unless you click again on the screen.
Note: the issue is reproduced only on touch devices, particularly in Safari. Doesn't reproduce in Chrome.
Sandbox: https://codesandbox.io/s/codesandboxer-example-forked-nr4qnf?file=/example.tsx