In chrome (mobile), user has to touch twice to press what's behind the overlay during spotlight - Githubissues

gilbarbara / react-joyride

Create guided tours in your apps

https://react-joyride.com/

MIT License

6.64k stars 519 forks source link

In chrome (mobile), user has to touch twice to press what's behind the overlay during spotlight #855

Closed boompikachu closed 10 months ago

boompikachu commented 1 year ago

🐛 Bug Report

When spotlight is active, the overlay will have a style pointer-event: auto; however, this will change to pointer-event: none when mouse is hovering the spotlight area. As for mobile, since there's no hovering, user has to press twice, one to hover on the spotlight and the other to click on the element.

Note that iPhone Safari works

To Reproduce

See https://codesandbox.io/s/github/gilbarbara/react-joyride-demo in controlled tab.

Try clicking on the menu tab on the top left corner.

Expected behavior

User should be able to press on the element once to trigger its action

Link to repl or repo (highly encouraged)

See to reproduce section

NedelevPhilip commented 1 year ago

Have the same problem

gilbarbara commented 10 months ago

This is working as expected now. They probably fixed it. Tested on Safari and Chrome mobile on an iPhone.