Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Disable/Change animation on tour appearing? #612

Open
dannicsitnikov opened this issue Nov 24, 2023 · 2 comments
Open

Disable/Change animation on tour appearing? #612

dannicsitnikov opened this issue Nov 24, 2023 · 2 comments

Comments

@dannicsitnikov
Copy link

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 dannicsitnikov changed the title Disable animation on tour appearing? Disable/Change animation on tour appearing? Nov 24, 2023
@dannicsitnikov
Copy link
Author

any help?

@oowowaee
Copy link

oowowaee commented Nov 28, 2023

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.

windowWidth / 2 - helperWidth / 2,

Was able to get around it passing

   styles: {
      popover: (base) => ({
        ...base,
        transition: 'none',
      }),
    },

to the first step

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants