From 738c3b4ac132cd93095a651a8630600c5f81f07b Mon Sep 17 00:00:00 2001
From: Matt Perry <mattgperry@gmail.com>
Date: Tue, 21 May 2024 09:54:43 +0200
Subject: [PATCH] Updating

---
 .../defer-handoff-layout-uselayouteffect.html        |  2 +-
 packages/framer-motion/src/frameloop/batcher.ts      |  1 -
 .../src/projection/node/create-projection-node.ts    | 12 +++++++-----
 .../framer-motion/src/render/html/utils/render.ts    |  2 --
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/dev/optimized-appear/defer-handoff-layout-uselayouteffect.html b/dev/optimized-appear/defer-handoff-layout-uselayouteffect.html
index eafc28bca2..93970e572d 100644
--- a/dev/optimized-appear/defer-handoff-layout-uselayouteffect.html
+++ b/dev/optimized-appear/defer-handoff-layout-uselayouteffect.html
@@ -82,7 +82,7 @@
                     onAnimationComplete: () => {
                         const box = document.getElementById("box")
                         const { left } = box.getBoundingClientRect()
-                        console.log(left)
+
                         if (left !== 200) {
                             showError(
                                 box,
diff --git a/packages/framer-motion/src/frameloop/batcher.ts b/packages/framer-motion/src/frameloop/batcher.ts
index 0bb9819439..07bdcc347f 100644
--- a/packages/framer-motion/src/frameloop/batcher.ts
+++ b/packages/framer-motion/src/frameloop/batcher.ts
@@ -36,7 +36,6 @@ export function createRenderBatcher(
     }
 
     const processBatch = () => {
-        allowKeepAlive ? console.log("frame") : console.log("microtask")
         const timestamp = MotionGlobalConfig.useManualTiming
             ? state.timestamp
             : performance.now()
diff --git a/packages/framer-motion/src/projection/node/create-projection-node.ts b/packages/framer-motion/src/projection/node/create-projection-node.ts
index 309b6813b6..ea9910622b 100644
--- a/packages/framer-motion/src/projection/node/create-projection-node.ts
+++ b/packages/framer-motion/src/projection/node/create-projection-node.ts
@@ -578,6 +578,12 @@ export function createProjectionNode<I>({
             if (this.isUpdateBlocked()) return
 
             this.isUpdating = true
+
+            if (window.HandoffCancelAllAnimations) {
+                // flushKeyframeResolvers()
+                window.HandoffCancelAllAnimations()
+            }
+
             this.nodes && this.nodes.forEach(resetSkewAndRotation)
             this.animationId++
         }
@@ -648,10 +654,6 @@ export function createProjectionNode<I>({
             /**
              * Write
              */
-            if (window.HandoffCancelAllAnimations) {
-                flushKeyframeResolvers()
-                window.HandoffCancelAllAnimations()
-            }
             this.nodes!.forEach(resetTransformStyle)
 
             /**
@@ -791,7 +793,7 @@ export function createProjectionNode<I>({
             this.isLayoutDirty = false
             this.projectionDelta = undefined
             this.notifyListeners("measure", this.layout.layoutBox)
-            console.log("layout", this.layout.measuredBox.x)
+
             const { visualElement } = this.options
             visualElement &&
                 visualElement.notify(
diff --git a/packages/framer-motion/src/render/html/utils/render.ts b/packages/framer-motion/src/render/html/utils/render.ts
index bbd59425b8..ef801b152f 100644
--- a/packages/framer-motion/src/render/html/utils/render.ts
+++ b/packages/framer-motion/src/render/html/utils/render.ts
@@ -14,8 +14,6 @@ export function renderHTML(
         projection && projection.getProjectionStyles(styleProp)
     )
 
-    console.log(style)
-
     // Loop over any CSS variables and assign those.
     for (const key in vars) {
         element.style.setProperty(key, vars[key] as string)