A Problem with Flip onEnter

[ywlee 1 Likes (Newbie)]

Hi everyone!

As shown in the codepen, the .container2 [data-flip-id=sq2] didn't get to the elements for onEnter when there is an element(display : none) with the same [data-flip-id] in the previous state, is this a bug?

Thanks in advance!

 

EDIT:  The codepen is now using the latest beta version of Flip, so it looks perfect now.

See the Pen BargrGa by ywlee (@ywlee) on CodePen

[GreenSock 18,876 Likes (Superhero)]

No, that's not a bug. How would you expect it to get any positioning data from something that is display: none? I'm confused. Please describe exactly what you expect to happen and what you think the bug is. 

[ywlee 1 Likes (Newbie)]

Sorry I didn't make it clear

I expect that element to be passed to onEnter callback and have a fade in effect in the codepen, since for the flip-id=sq2  there is no positioning data in the previous state but it appears in the final state

But in the codepen, it get flipped from the top left corner instead of fading in

[GreenSock 18,876 Likes (Superhero)]

Hm, I think I see what you mean now. It's because you've got a swapping state and those are never considered entering/leaving but I can see why you could make an argument that if one side is invisible (display: none), it should be considered entering/leaving. I'll have to see if this causes other problems, but I just updated the beta version that's on CodePen with that change and it seems to work fine in your demo (you may need to clear your cache). 

https://assets.codepen.io/16327/Flip.min.js

 

Is that what you're looking for? 

 

[ywlee 1 Likes (Newbie)]

It looks very good now!

Thank you very much for the quick and helpful respond as always.