Updating

motiondivision · May 22, 2024 · 738c3b4 · 738c3b4
1 parent 9f09fd2
commit 738c3b4
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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)