reactour
reactour copied to clipboard
Disable/Change animation on tour appearing?
When I open tour then first step comes from left-top corner. And I want to make appear from center-center or without animation at whole. How to do it? I've tried to use turn off css transition-transform property for popover but didn't get success
any help?
Just upgraded the library hoping this was solved from v1, but it appears not. Although now I don't get it sliding in from 0,0 anymore, but from a bit off center. To reproduce, add a first step with no selector and a position of center.
Seems like issue comes from here as helperHeight/Width are 0 when first called. https://github.com/elrumordelaluz/reactour/blob/bf4ee5a80930d82018b5f56756dd3deb968882e5/packages/popover/Popover.tsx#L161
Was able to get around it passing
styles: {
popover: (base) => ({
...base,
transition: 'none',
}),
},
to the first step