Jump to content
GreenSock

Charles Lavalard

Weird transition on Flip plugin when changing grid-column property

Go to solution Solved by Charles Lavalard,

Recommended Posts

Hello :)

I'm trying to use Flip Plugin to have a transition when items in a grid are changing rows
everything is controlled with a variable call currentIndexIt works like a charm unless when my currentIndex goes from 0 to 1

It get janky and the third item get teleported to the right

I tried to add the absolute property to true but it didn't work either

What i'm trying to achieve is that every animation act the same

Maybe I did something wrong if that the case coumd you tell me what 
Thanks a lot in advance

See the Pen MWpxEXm by FreeStab (@FreeStab) on CodePen

Link to comment
Share on other sites

  • Solution

What was missing was the grid-template-rows on the grid parent and absolute is required

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×