Make tour start transition animation from specific point of the screen

[ramusus]

I'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?

[elrumordelaluz]

Hi @ramusus, thanks for open the Issue. Interesting, let me dig deep in to it and back to you asap.

[asile12]

Hi, any update on this?

[edwindelbosque]

same here..

[Rahulkr204]

Anyone able to figure this out?

[emma-adams-machine]

Have the same issue. Any updates on to how deal with it?

[elrumordelaluz]

@emma-adams-machine did you tried using the last version of @reactour/tour?

Should be solved there. Let me know in any case. Thanks,

[emma-adams-machine]

@elrumordelaluz I tested with both versions but it's not working properly :(

[elrumordelaluz]

@emma-adams-machine can you pleae share a minimal reproduction sandbox?

[ZowieTao]

@emma-adams-machine can you pleae share a minimal reproduction sandbox?

https://docs.react.tours/tour/examples

all of exp