framer-motion 5.2.0 → 5.2.1

package/dist/es/projection/node/create-projection-node.mjs

@@ -307,7 +307,7 @@ function createProjectionNode(_a) {
                 node.updateScroll();
             }
             var _d = this.options, layoutId = _d.layoutId, layout = _d.layout;
-            if (!layoutId && !layout)
+            if (layoutId === undefined && !layout)
                 return;
             var transformTemplate = (_c = this.options.visualElement) === null || _c === void 0 ? void 0 : _c.getProps().transformTemplate;
             this.prevTransformTemplateValue = transformTemplate === null || transformTemplate === void 0 ? void 0 : transformTemplate(this.latestValues, "");

package/dist/es/render/dom/utils/unit-conversion.mjs

@@ -115,11 +115,18 @@ var convertChangedValueTypes = function (target, visualElement, changedKeys) {
     var element = visualElement.getInstance();
     var elementComputedStyle = getComputedStyle(element);
     var display = elementComputedStyle.display;
+    var origin = {};
     // If the element is currently set to display: "none", make it visible before
     // measuring the target bounding box
     if (display === "none") {
         visualElement.setStaticValue("display", target.display || "block");
     }
+    /**
+     * Record origins before we render and update styles
+     */
+    changedKeys.forEach(function (key) {
+        origin[key] = positionalValues[key](originBbox, elementComputedStyle);
+    });
     // Apply the latest values (as set in checkAndConvertChangedValueTypes)
     visualElement.syncRender();
     var targetBbox = visualElement.measureViewportBox();
@@ -127,7 +134,7 @@ var convertChangedValueTypes = function (target, visualElement, changedKeys) {
         // Restore styles to their **calculated computed style**, not their actual
         // originally set style. This allows us to animate between equivalent pixel units.
         var value = visualElement.getValue(key);
-        setAndResetVelocity(value, positionalValues[key](originBbox, elementComputedStyle));
+        setAndResetVelocity(value, origin[key]);
         target[key] = positionalValues[key](targetBbox, elementComputedStyle);
     });
     return target;

package/dist/framer-motion.cjs.js

@@ -1988,7 +1988,7 @@ function createProjectionNode(_a) {
                 node.updateScroll();
             }
             var _d = this.options, layoutId = _d.layoutId, layout = _d.layout;
-            if (!layoutId && !layout)
+            if (layoutId === undefined && !layout)
                 return;
             var transformTemplate = (_c = this.options.visualElement) === null || _c === void 0 ? void 0 : _c.getProps().transformTemplate;
             this.prevTransformTemplateValue = transformTemplate === null || transformTemplate === void 0 ? void 0 : transformTemplate(this.latestValues, "");
@@ -6232,11 +6232,18 @@ var convertChangedValueTypes = function (target, visualElement, changedKeys) {
     var element = visualElement.getInstance();
     var elementComputedStyle = getComputedStyle(element);
     var display = elementComputedStyle.display;
+    var origin = {};
     // If the element is currently set to display: "none", make it visible before
     // measuring the target bounding box
     if (display === "none") {
         visualElement.setStaticValue("display", target.display || "block");
     }
+    /**
+     * Record origins before we render and update styles
+     */
+    changedKeys.forEach(function (key) {
+        origin[key] = positionalValues[key](originBbox, elementComputedStyle);
+    });
     // Apply the latest values (as set in checkAndConvertChangedValueTypes)
     visualElement.syncRender();
     var targetBbox = visualElement.measureViewportBox();
@@ -6244,7 +6251,7 @@ var convertChangedValueTypes = function (target, visualElement, changedKeys) {
         // Restore styles to their **calculated computed style**, not their actual
         // originally set style. This allows us to animate between equivalent pixel units.
         var value = visualElement.getValue(key);
-        setAndResetVelocity(value, positionalValues[key](originBbox, elementComputedStyle));
+        setAndResetVelocity(value, origin[key]);
         target[key] = positionalValues[key](targetBbox, elementComputedStyle);
     });
     return target;

package/dist/framer-motion.dev.js

@@ -3219,7 +3219,7 @@
                     node.updateScroll();
                 }
                 var _d = this.options, layoutId = _d.layoutId, layout = _d.layout;
-                if (!layoutId && !layout)
+                if (layoutId === undefined && !layout)
                     return;
                 var transformTemplate = (_c = this.options.visualElement) === null || _c === void 0 ? void 0 : _c.getProps().transformTemplate;
                 this.prevTransformTemplateValue = transformTemplate === null || transformTemplate === void 0 ? void 0 : transformTemplate(this.latestValues, "");
@@ -7463,11 +7463,18 @@
         var element = visualElement.getInstance();
         var elementComputedStyle = getComputedStyle(element);
         var display = elementComputedStyle.display;
+        var origin = {};
         // If the element is currently set to display: "none", make it visible before
         // measuring the target bounding box
         if (display === "none") {
             visualElement.setStaticValue("display", target.display || "block");
         }
+        /**
+         * Record origins before we render and update styles
+         */
+        changedKeys.forEach(function (key) {
+            origin[key] = positionalValues[key](originBbox, elementComputedStyle);
+        });
         // Apply the latest values (as set in checkAndConvertChangedValueTypes)
         visualElement.syncRender();
         var targetBbox = visualElement.measureViewportBox();
@@ -7475,7 +7482,7 @@
             // Restore styles to their **calculated computed style**, not their actual
             // originally set style. This allows us to animate between equivalent pixel units.
             var value = visualElement.getValue(key);
-            setAndResetVelocity(value, positionalValues[key](originBbox, elementComputedStyle));
+            setAndResetVelocity(value, origin[key]);
             target[key] = positionalValues[key](targetBbox, elementComputedStyle);
         });
         return target;