Merge pull request #80 from cashapp/nick/disable-coreanimation

Disable implicit layer animations while rendering frames
cashapp · Oct 4, 2024 · d174d1a · d174d1a
2 parents a50ff45 + 6a832f3
commit d174d1a
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/Sources/Stagehand/AnimationInstance/Renderer.swift b/Sources/Stagehand/AnimationInstance/Renderer.swift
@@ -15,6 +15,7 @@
 //
 
 import Foundation
+import QuartzCore
 
 internal final class Renderer<ElementType: AnyObject>: AnyRenderer {
 
@@ -55,7 +56,13 @@ internal final class Renderer<ElementType: AnyObject>: AnyRenderer {
             return
         }
 
+        // Disable implicit layer animations while rendering the frame. Otherwise animations that include keyframes for animatable layer properties will not animate those properties in sync with the rest of the animation.
+        CATransaction.begin()
+        CATransaction.setDisableActions(true)
+
         animation.apply(to: &element, at: relativeTimestamp, initialValues: initialValues)
+
+        CATransaction.commit()
     }
 
     func renderInitialFrame() {