itsdouges/element-motion

Safari doesn't render some motions correctly

itsdouges opened this issue · 1 comments

itsdouges commented

Yikes. Just an issue with all the problems we need to fix.

High level problems

  • clip-path not transitioning
  • things happening one frame late in the Motion component

Problem motions

  • Reveal clip-path not transitioning
  • FocalRevealMove clip-path not transitioning
  • CircleExpand being created one frame too late (results in flash of unrendered content)
  • CircleShrink being created one frame too late (results in flash of unrendered content)
  • FadeMove being created one frame too late (results in flash of unrendered content)
  • FocalConcealMove being created one frame too late (results in flash of unrendered content)
  • ReshapingContainer calculating end position one frame too late (results in flash of end size then resizes to original to start transitioning)

bork

Motions that are ok

  • Move (when composed seems to be one frame late)
  • Swipe
  • FocalRevealMove (1/5 seems to be one frame late)
itsdouges commented

got most things sorted except for clip-path not transitioning when mixed with transform or position: relative

help