Popper renders before scrolling starts, messes up arrow placement, is there an event that fires after scrolling ect has finished?

gilbarbara / react-joyride

Create guided tours in your apps

https://react-joyride.com/

MIT License

6.8k stars 525 forks source link

Popper renders before scrolling starts, messes up arrow placement, is there an event that fires after scrolling ect has finished? #915

Closed dweng0 closed 10 months ago

dweng0 commented 1 year ago

🐛 Bug Report

Hi all, title says it all really, the scroll to item funcitonality seems to happen during/after the popper has rendered, meaning that the logic for arrow placement occurs before its correctly placed.

My question is, is there an "after scroll" event or something similar that can be used to render the popper component? (or have it wait until the event has triggered? See video example).

Screencast from 13-06-23 11:32:29.webm

gilbarbara commented 1 year ago

Hey @dweng0

It's hard to know what is happening in your app without being able to test it. Does the body fill the whole scroll height? Try adding min-height: 100vh to it. Or set the disableScrollParentFix prop.

If it still isn't working:

Please provide a https://codesandbox.io/ demo or similar. Issues without a reproduction link are likely to stall.