Make tour start transition animation from specific point of the screen
See original GitHub issueI’m looking the way to tweak tour appearing behavior.
What I see now:
When tour appears for first time, it always starts from left top corner of the screen and with some transition animation move to the position of the first step. If I close in on N step and open it again, it moves from the position of N step to position of 1 step (thanks to startAt={0}
prop).
What I want:
I need transition animation to start from specific point of the screen. In my case it’s the icon to enable tour mode.
I see state vars responsible for positioning, but if I change them on componentDidMount
to some other values this.tourRef.current.setState({ top: 500, left: 500 });
it still appears in the top left corner instead of my desired 500x500 point.
What am I missing? Is there another way to achieve what I want?
Issue Analytics
- State:
- Created 4 years ago
- Reactions:8
- Comments:8 (3 by maintainers)
Hi @ramusus, thanks for open the Issue. Interesting, let me dig deep in to it and back to you asap.
@emma-adams-machine can you pleae share a minimal reproduction sandbox?