From 7bb4cf8639870ff97b9e740913ea53db1a4ab3eb Mon Sep 17 00:00:00 2001 From: Matt Perry Date: Mon, 19 Jan 2026 14:29:31 +0100 Subject: [PATCH 1/3] Updating layout animation cleanup --- .../motion-dom/src/layout/LayoutAnimationBuilder.ts | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/packages/motion-dom/src/layout/LayoutAnimationBuilder.ts b/packages/motion-dom/src/layout/LayoutAnimationBuilder.ts index 82886f9c95..0ed9097e79 100644 --- a/packages/motion-dom/src/layout/LayoutAnimationBuilder.ts +++ b/packages/motion-dom/src/layout/LayoutAnimationBuilder.ts @@ -130,7 +130,16 @@ export class LayoutAnimationBuilder implements PromiseLike { const groupAnimation = new GroupAnimation(animations) groupAnimation.finished.then(() => { - cleanupProjectionTree(context!) + // Only clean up nodes for elements no longer in the document. + // Elements still in DOM keep their nodes so subsequent animations + // can use the stored position snapshots (A→B→A pattern). + const elementsToCleanup = new Set() + for (const element of context!.nodes.keys()) { + if (!document.contains(element)) { + elementsToCleanup.add(element) + } + } + cleanupProjectionTree(context!, elementsToCleanup) }) this.notifyReady(groupAnimation) From c9ab013db3e1ab3eddd2e78da42c34aa553435b1 Mon Sep 17 00:00:00 2001 From: Matt Perry Date: Mon, 19 Jan 2026 14:30:11 +0100 Subject: [PATCH 2/3] Updating changelog --- CHANGELOG.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 88261d11f4..5dbe5b1763 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,10 +4,16 @@ Motion adheres to [Semantic Versioning](http://semver.org/). Undocumented APIs should be considered internal and may change without warning. -## [12.27.0] 2026-01-18 +## [12.27.1] 2026-01-19 ### Fixed +- Improving projection node cleanup. + +## [12.27.0] 2026-01-18 + +### Added + - Adding new exports for internal use. ## [12.26.2] 2026-01-13 From 2c7b00341e4b992081d08d5a95fb78dbc6438706 Mon Sep 17 00:00:00 2001 From: Matt Perry Date: Mon, 19 Jan 2026 14:30:26 +0100 Subject: [PATCH 3/3] v12.27.1 --- dev/html/package.json | 8 ++++---- dev/next/package.json | 4 ++-- dev/react-19/package.json | 4 ++-- dev/react/package.json | 4 ++-- lerna.json | 2 +- packages/framer-motion/package.json | 4 ++-- packages/motion-dom/package.json | 2 +- packages/motion/package.json | 4 ++-- yarn.lock | 22 +++++++++++----------- 9 files changed, 27 insertions(+), 27 deletions(-) diff --git a/dev/html/package.json b/dev/html/package.json index 4881198014..7c9725e6a0 100644 --- a/dev/html/package.json +++ b/dev/html/package.json @@ -1,7 +1,7 @@ { "name": "html-env", "private": true, - "version": "12.27.0", + "version": "12.27.1", "type": "module", "scripts": { "dev": "vite", @@ -10,9 +10,9 @@ "preview": "vite preview" }, "dependencies": { - "framer-motion": "^12.27.0", - "motion": "^12.27.0", - "motion-dom": "^12.27.0", + "framer-motion": "^12.27.1", + "motion": "^12.27.1", + "motion-dom": "^12.27.1", "react": "^18.3.1", "react-dom": "^18.3.1" }, diff --git a/dev/next/package.json b/dev/next/package.json index a378422ace..1ceb7cd71a 100644 --- a/dev/next/package.json +++ b/dev/next/package.json @@ -1,7 +1,7 @@ { "name": "next-env", "private": true, - "version": "12.27.0", + "version": "12.27.1", "type": "module", "scripts": { "dev": "next dev", @@ -10,7 +10,7 @@ "build": "next build" }, "dependencies": { - "motion": "^12.27.0", + "motion": "^12.27.1", "next": "15.4.10", "react": "19.0.0", "react-dom": "19.0.0" diff --git a/dev/react-19/package.json b/dev/react-19/package.json index 0681fc7f5f..436b5b754c 100644 --- a/dev/react-19/package.json +++ b/dev/react-19/package.json @@ -1,7 +1,7 @@ { "name": "react-19-env", "private": true, - "version": "12.27.0", + "version": "12.27.1", "type": "module", "scripts": { "dev": "vite", @@ -11,7 +11,7 @@ "preview": "vite preview" }, "dependencies": { - "motion": "^12.27.0", + "motion": "^12.27.1", "react": "^19.0.0", "react-dom": "^19.0.0" }, diff --git a/dev/react/package.json b/dev/react/package.json index 4eef579397..0092a87e2f 100644 --- a/dev/react/package.json +++ b/dev/react/package.json @@ -1,7 +1,7 @@ { "name": "react-env", "private": true, - "version": "12.27.0", + "version": "12.27.1", "type": "module", "scripts": { "dev": "yarn vite", @@ -11,7 +11,7 @@ "preview": "yarn vite preview" }, "dependencies": { - "framer-motion": "^12.27.0", + "framer-motion": "^12.27.1", "react": "^18.3.1", "react-dom": "^18.3.1" }, diff --git a/lerna.json b/lerna.json index 3ceb370381..e3d94d22af 100644 --- a/lerna.json +++ b/lerna.json @@ -1,5 +1,5 @@ { - "version": "12.27.0", + "version": "12.27.1", "packages": [ "packages/*", "dev/*" diff --git a/packages/framer-motion/package.json b/packages/framer-motion/package.json index 675918e9f3..82abab8a37 100644 --- a/packages/framer-motion/package.json +++ b/packages/framer-motion/package.json @@ -1,6 +1,6 @@ { "name": "framer-motion", - "version": "12.27.0", + "version": "12.27.1", "description": "A simple and powerful JavaScript animation library", "main": "dist/cjs/index.js", "module": "dist/es/index.mjs", @@ -88,7 +88,7 @@ "measure": "rollup -c ./rollup.size.config.mjs" }, "dependencies": { - "motion-dom": "^12.27.0", + "motion-dom": "^12.27.1", "motion-utils": "^12.24.10", "tslib": "^2.4.0" }, diff --git a/packages/motion-dom/package.json b/packages/motion-dom/package.json index 4824b33042..ffb55f768e 100644 --- a/packages/motion-dom/package.json +++ b/packages/motion-dom/package.json @@ -1,6 +1,6 @@ { "name": "motion-dom", - "version": "12.27.0", + "version": "12.27.1", "author": "Matt Perry", "license": "MIT", "repository": "https://github.com/motiondivision/motion", diff --git a/packages/motion/package.json b/packages/motion/package.json index de10e7e543..f2ffa9d46c 100644 --- a/packages/motion/package.json +++ b/packages/motion/package.json @@ -1,6 +1,6 @@ { "name": "motion", - "version": "12.27.0", + "version": "12.27.1", "description": "An animation library for JavaScript and React.", "main": "dist/cjs/index.js", "module": "dist/es/index.mjs", @@ -76,7 +76,7 @@ "postpublish": "git push --tags" }, "dependencies": { - "framer-motion": "^12.27.0", + "framer-motion": "^12.27.1", "tslib": "^2.4.0" }, "peerDependencies": { diff --git a/yarn.lock b/yarn.lock index fc24c247e2..4a52809dfe 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7420,14 +7420,14 @@ __metadata: languageName: node linkType: hard -"framer-motion@^12.27.0, framer-motion@workspace:packages/framer-motion": +"framer-motion@^12.27.1, framer-motion@workspace:packages/framer-motion": version: 0.0.0-use.local resolution: "framer-motion@workspace:packages/framer-motion" dependencies: "@radix-ui/react-dialog": ^1.1.15 "@thednp/dommatrix": ^2.0.11 "@types/three": 0.137.0 - motion-dom: ^12.27.0 + motion-dom: ^12.27.1 motion-utils: ^12.24.10 three: 0.137.0 tslib: ^2.4.0 @@ -8192,9 +8192,9 @@ __metadata: version: 0.0.0-use.local resolution: "html-env@workspace:dev/html" dependencies: - framer-motion: ^12.27.0 - motion: ^12.27.0 - motion-dom: ^12.27.0 + framer-motion: ^12.27.1 + motion: ^12.27.1 + motion-dom: ^12.27.1 react: ^18.3.1 react-dom: ^18.3.1 vite: ^5.2.0 @@ -10936,7 +10936,7 @@ __metadata: languageName: node linkType: hard -"motion-dom@^12.27.0, motion-dom@workspace:packages/motion-dom": +"motion-dom@^12.27.1, motion-dom@workspace:packages/motion-dom": version: 0.0.0-use.local resolution: "motion-dom@workspace:packages/motion-dom" dependencies: @@ -11013,11 +11013,11 @@ __metadata: languageName: unknown linkType: soft -"motion@^12.27.0, motion@workspace:packages/motion": +"motion@^12.27.1, motion@workspace:packages/motion": version: 0.0.0-use.local resolution: "motion@workspace:packages/motion" dependencies: - framer-motion: ^12.27.0 + framer-motion: ^12.27.1 tslib: ^2.4.0 peerDependencies: "@emotion/is-prop-valid": "*" @@ -11134,7 +11134,7 @@ __metadata: version: 0.0.0-use.local resolution: "next-env@workspace:dev/next" dependencies: - motion: ^12.27.0 + motion: ^12.27.1 next: 15.4.10 react: 19.0.0 react-dom: 19.0.0 @@ -12599,7 +12599,7 @@ __metadata: "@typescript-eslint/parser": ^7.2.0 "@vitejs/plugin-react-swc": ^3.5.0 eslint-plugin-react-refresh: ^0.4.6 - motion: ^12.27.0 + motion: ^12.27.1 react: ^19.0.0 react-dom: ^19.0.0 vite: ^5.2.0 @@ -12683,7 +12683,7 @@ __metadata: "@typescript-eslint/parser": ^7.2.0 "@vitejs/plugin-react-swc": ^3.5.0 eslint-plugin-react-refresh: ^0.4.6 - framer-motion: ^12.27.0 + framer-motion: ^12.27.1 react: ^18.3.1 react-dom: ^18.3.1 vite: ^5.2.0