FLIP plugin / technique

[Marto]

First of all love the new Plugin. Have a question tho. In the demo "Smoothly change flex direction"  the animation is very fluid. If there is more content after the container on which flip animation was used, there will be significant layout shift, because of the absolute positioning applyed in the Flip options. What is worse the content after goes behind the content of the flipped container. 

See the Pen JjNXMbg by martinboykov (@martinboykov) on CodePen.

 

The question is can this be prevented?

 

There are probably few flip techniques posted in this forum prior the release of the plugin. Two of them, not as fluid as the plugin, but nonetheless are getting the job done. 

See the Pen gOWrjEa by martinboykov (@martinboykov) on CodePen.

 

See the Pen mdmPpWr?editors=0010 by martinboykov (@martinboykov) on CodePen.

[OSUblake]

Hi Marto!

 

Your dummy element isn't include in the animation.

const state = Flip.getState(".group, .box, .dummy");