itsdouges/element-motion

Reveal animation issues

itsdouges opened this issue · 1 comments

Kind of a bug but not really.

Currently reveal animates using height or width - this makes things harder because it's affecting the flow of the page. Performance isn't the main worry here - it's the position of the focal element changing because its parent containers dimensions are changing.

In the #75 PR up we work around this in two ways:

  1. Props to turn off XY transitions when appropriate (really just a band aid solution)
  2. Prop to optionally transition using clip-path which means the parent container never has its dimensions changed. This results is the transition working in all scenarios, but sacrifices browser compatibility (IE/Edge).

I think there can probably be a middle ground where we can force the parent to always have a fixed size then animate the contents, but its a little more involved for the consumer than I would have liked.

Add troubleshooting to the docz for this. If it aint broke don't fix it.