search

gilbarbara / react-joyride

Create guided tours in your apps
https://react-joyride.com/
MIT License
6.8k stars 525 forks source link

Spotlight not appearing on some MUI components #886

Closed chris-jenkinson closed 1 year ago

chris-jenkinson commented 1 year ago

🐛 Bug Report

When activating the tour, the tooltip appears but the spotlight is not visible. The devtools indicate the spotlight is rendering in the correct X/Y position but it is otherwise invisible. I've adjusted the zindex but the only thing that makes the spotlight appear is removing the position: absolute but obviously that screws up the positioning.

To Reproduce

I've set up this codesandbox: https://codesandbox.io/s/quizzical-lucy-0z700i You can activate the tour with the ? in the lower right corner.

Expected behavior

I would expect the spotlight to appear for all four elements.

chris-jenkinson commented 1 year ago

I added a Paper component and I guess this resolved some styling issues. Ignore. Thanks!