react-joyride icon indicating copy to clipboard operation
react-joyride copied to clipboard

The tooltip/modal moves up/down when user scrolls up/down

Open dalexiev00 opened this issue 9 months ago • 2 comments

🐛 Bug Report

When user opens a modal and user scrolls up/down - the modal's style changes every time which causes the modal to move up/down.

https://github.com/user-attachments/assets/4d2fe29f-35a4-4179-8dcf-c1d261973e49

To Reproduce

  1. Go to https://react-joyride.com/modal
  2. Click on the beacon to open the modal
  3. Scroll up/down

Expected behavior

The modal should be still and not move when the user scrolls either up or down.

Link to repl or repo (highly encouraged)

Reproduced it on your official site so I think there's no need?

dalexiev00 avatar Mar 06 '25 11:03 dalexiev00

This issue appears for items in absolute or fixed containers.

Iran-110 avatar Apr 09 '25 04:04 Iran-110

Hello, so the modal is in the backdrop (and the backdrop is with absolute/fixed position) it is moved with the page because the button is going up/down with the view and it tries to follow it, right? 🤔

dalexiev00 avatar Jun 24 '25 07:06 dalexiev00