search

gilbarbara / react-joyride

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

Beacon is showing above the other component as showing in the picture #935

Closed zaid-ahmed-shark closed 1 year ago

zaid-ahmed-shark commented 1 year ago

🐛 Bug Report

Beacon is showing above the other component as showing in the picture

To Reproduce

Screenshot 2023-08-25 at 5 20 15 PM

Steps to reproduce the behavior:

Expected behavior

When scrolling the beacon component comes above html element.

Link to repl or repo (highly encouraged)

Please provide a https://codesandbox.io/ demo or similar.

Issues without a reproduction link are likely to stall.

Run npx envinfo --system --binaries --npmPackages react-joyride

Paste the results here:

gilbarbara commented 1 year ago

Hey @zaid-ahmed-shark

That's the expected behavior in the demo. If you want the "fixed" element to show above the beacon, just change the z-index to be higher than the beacon...