search

ember-animation / liquid-fire

Animations & transitions for ambitious Ember applications.
Other
1.15k stars 199 forks source link

css transform breaks fixed elements #597

Open jvenezia opened 6 years ago

jvenezia commented 6 years ago

I think we should not use transform css property on liquid containers until this is fixed: https://github.com/w3c/csswg-drafts/issues/913

I know there is closed issues about that but I find it quite important to think of a definitive solution. At least having an option to disable it completely easily.

Setting transform: none; on liquid containers was not enough for me, something is setting transform: scale(1); on .liquid-child after animations.

Subtletree commented 6 years ago

There's a couple of workarounds mentioned here #197

jvenezia commented 6 years ago

Thank you @Subtletree . Unfortunately none of them worked perfectly for me. I really think this should not be used by default until the original problem is addressed.

ef4 commented 6 years ago

Setting transform: none; on liquid containers was not enough for me, something is setting transform: scale(1); on .liquid-child after animations.

It sounds like the animation is setting that, and should probably be changed to clean up after itself when it's done. What animation are you using?