reactour icon indicating copy to clipboard operation
reactour copied to clipboard

Disable/Change animation on tour appearing?

Open dannicsitnikov opened this issue 1 year ago • 2 comments

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

dannicsitnikov avatar Nov 24 '23 13:11 dannicsitnikov

any help?

dannicsitnikov avatar Nov 27 '23 11:11 dannicsitnikov

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

oowowaee avatar Nov 28 '23 04:11 oowowaee