Reveal animation issues
itsdouges opened this issue · 1 comments
itsdouges commented
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:
- Props to turn off XY transitions when appropriate (really just a band aid solution)
- 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.
itsdouges commented
Add troubleshooting to the docz for this. If it aint broke don't fix it.