Jump to content
Search Community

Can't use data property to Trigger gsap F.L.I.P change

Charles Lavalard test
Moderator Tag

Go to solution Solved by OSUblake,

Recommended Posts

  • Solution

Hi Charles!


Changes in frameworks are done asynchronously so updates can get batched together. So you need to wait for the DOM to render those changes.



this.flexClass = !this.flexClass;

this.$nextTick(() => {
  Flip.from(state, {
    absolute: true,
    duration: 0.5,
    stagger: 0.05,
    ease: "power1.inOut"


  • Like 2
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.
  • Create New...