search

gilbarbara / react-joyride

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

Spotlight is not rendering properly #851

Closed Lokprakash-babu closed 2 years ago

Lokprakash-babu commented 2 years ago

🐛 Bug Report

If the background color of the body is not set to white explicitly, spot light is not being rendered.

To Reproduce

Expected behavior

Spotlight should be displayed properly irrespective of the background color in the DOM.

Link to repl or repo

codesandbox link

Without bg color https://user-images.githubusercontent.com/60031382/193742722-ccb634bb-203a-4538-be2c-2db5d560d5b1.png

With bg color https://user-images.githubusercontent.com/60031382/193742926-318e731a-b342-49d0-ac30-084250eb0825.png">

gilbarbara commented 2 years ago

Hey @Lokprakash-babu

This limitation has already been discussed in #411

It is the expected behavior since mix-blend-mode expects a background to work. https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

Lokprakash-babu commented 2 years ago

Hey @gilbarbara Can we capture this limitation somewhere in the doc, please? If it isn't done already. I am happy to raise a PR.