Skip to content

Merge ViewTransition layout/onLayout props into update/onUpdate #32723

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Mar 24, 2025

Conversation

sebmarkbage
Copy link
Collaborator

We currently have the ability to have a separate animation for a ViewTransition that relayouts but doesn't actually have any internal mutations. This can be useful if you want to separate just a move from for example flashing an update.

However, we're concerned that this might be more confusion than its worth because subtle differences in mutations can cause it to trigger the other case. The existence of the property name might also make you start looking for it to solve something that it's not meant for.

We already fallback to using the "update" property if it exists but layout doesn't. So if we ever decide to add this back it would backwards compatible. We've also shown in implementation that it can work.

@react-sizebot
Copy link

Comparing: 04bf10e...df9036e

Critical size changes

Includes critical production bundles, as well as any change greater than 2%:

Name +/- Base Current +/- gzip Base gzip Current gzip
oss-stable/react-dom/cjs/react-dom.production.js = 6.68 kB 6.68 kB = 1.83 kB 1.83 kB
oss-stable/react-dom/cjs/react-dom-client.production.js +0.42% 515.14 kB 517.29 kB +0.57% 91.74 kB 92.26 kB
oss-experimental/react-dom/cjs/react-dom.production.js = 6.69 kB 6.69 kB = 1.83 kB 1.83 kB
oss-experimental/react-dom/cjs/react-dom-client.production.js = 616.31 kB 615.62 kB +0.23% 109.01 kB 109.27 kB
facebook-www/ReactDOM-prod.classic.js = 652.26 kB 651.75 kB = 115.01 kB 114.96 kB
facebook-www/ReactDOM-prod.modern.js = 642.54 kB 642.03 kB = 113.44 kB 113.38 kB
oss-stable/react/cjs/react.react-server.development.js = 28.77 kB 28.13 kB = 6.99 kB 6.84 kB
oss-stable-semver/react/cjs/react.react-server.development.js = 28.75 kB 28.11 kB = 6.96 kB 6.82 kB
facebook-www/React-dev.classic.js = 55.56 kB 54.28 kB = 12.11 kB 11.92 kB
facebook-www/React-dev.modern.js = 55.56 kB 54.28 kB = 12.11 kB 11.92 kB
facebook-react-native/react/cjs/React-dev.js = 51.73 kB 50.48 kB = 11.49 kB 11.31 kB
oss-experimental/react-reconciler/cjs/react-reconciler-reflection.production.js = 6.19 kB 5.92 kB = 1.64 kB 1.60 kB
oss-stable-semver/react-reconciler/cjs/react-reconciler-reflection.production.js = 6.19 kB 5.92 kB = 1.64 kB 1.60 kB
oss-stable/react-reconciler/cjs/react-reconciler-reflection.production.js = 6.19 kB 5.92 kB = 1.64 kB 1.60 kB
oss-experimental/react-reconciler/cjs/react-reconciler-reflection.development.js = 6.84 kB 6.54 kB = 1.65 kB 1.60 kB
oss-stable-semver/react-reconciler/cjs/react-reconciler-reflection.development.js = 6.84 kB 6.54 kB = 1.65 kB 1.60 kB
oss-stable/react-reconciler/cjs/react-reconciler-reflection.development.js = 6.84 kB 6.54 kB = 1.65 kB 1.60 kB
oss-experimental/react/cjs/react-jsx-dev-runtime.development.js = 11.99 kB 11.39 kB = 3.33 kB 3.18 kB
facebook-www/JSXDEVRuntime-dev.classic.js = 13.44 kB 12.77 kB = 3.61 kB 3.45 kB
facebook-www/JSXDEVRuntime-dev.modern.js = 13.44 kB 12.77 kB = 3.61 kB 3.45 kB
oss-stable-semver/react/cjs/react-jsx-dev-runtime.development.js = 11.84 kB 11.25 kB = 3.29 kB 3.14 kB
oss-stable/react/cjs/react-jsx-dev-runtime.development.js = 11.84 kB 11.25 kB = 3.29 kB 3.14 kB
facebook-react-native/react/cjs/JSXDEVRuntime-dev.js = 12.13 kB 11.47 kB = 3.33 kB 3.18 kB
oss-experimental/react/cjs/react-jsx-runtime.development.js = 12.39 kB 11.59 kB = 3.34 kB 3.20 kB
oss-stable-semver/react/cjs/react-jsx-runtime.development.js = 12.24 kB 11.44 kB = 3.30 kB 3.16 kB
oss-stable/react/cjs/react-jsx-runtime.development.js = 12.24 kB 11.44 kB = 3.30 kB 3.16 kB
facebook-react-native/react/cjs/JSXRuntime-dev.js = 12.54 kB 11.67 kB = 3.35 kB 3.20 kB
oss-experimental/react/cjs/react-jsx-dev-runtime.react-server.development.js = 13.24 kB 12.22 kB = 3.48 kB 3.33 kB
oss-experimental/react/cjs/react-jsx-runtime.react-server.development.js = 13.23 kB 12.21 kB = 3.48 kB 3.33 kB
oss-stable-semver/react/cjs/react-jsx-dev-runtime.react-server.development.js = 13.09 kB 12.07 kB = 3.44 kB 3.29 kB
oss-stable/react/cjs/react-jsx-dev-runtime.react-server.development.js = 13.09 kB 12.07 kB = 3.44 kB 3.29 kB
oss-stable-semver/react/cjs/react-jsx-runtime.react-server.development.js = 13.09 kB 12.07 kB = 3.44 kB 3.29 kB
oss-stable/react/cjs/react-jsx-runtime.react-server.development.js = 13.09 kB 12.07 kB = 3.44 kB 3.29 kB

Significant size changes

Includes any change greater than 0.2%:

Expand to show
Name +/- Base Current +/- gzip Base gzip Current gzip
oss-stable-semver/react-test-renderer/cjs/react-test-renderer.production.js +0.65% 312.64 kB 314.66 kB +0.57% 54.84 kB 55.15 kB
oss-stable/react-test-renderer/cjs/react-test-renderer.production.js +0.65% 312.71 kB 314.74 kB +0.57% 54.86 kB 55.18 kB
oss-experimental/react-test-renderer/cjs/react-test-renderer.production.js +0.65% 312.89 kB 314.91 kB +0.57% 54.90 kB 55.21 kB
oss-stable-semver/react-art/cjs/react-art.production.js +0.63% 300.65 kB 302.54 kB +0.58% 51.13 kB 51.43 kB
oss-stable/react-art/cjs/react-art.production.js +0.63% 300.72 kB 302.62 kB +0.58% 51.16 kB 51.46 kB
facebook-react-native/react-test-renderer/cjs/ReactTestRenderer-prod.js +0.60% 333.51 kB 335.52 kB +0.48% 58.22 kB 58.50 kB
react-native/implementations/ReactFabric-prod.js +0.60% 358.25 kB 360.39 kB +0.49% 62.34 kB 62.64 kB
facebook-react-native/react-test-renderer/cjs/ReactTestRenderer-profiling.js +0.58% 355.64 kB 357.70 kB +0.41% 61.42 kB 61.67 kB
oss-stable-semver/react-reconciler/cjs/react-reconciler.production.js +0.58% 390.82 kB 393.07 kB +0.53% 63.44 kB 63.78 kB
oss-stable/react-reconciler/cjs/react-reconciler.production.js +0.58% 390.84 kB 393.10 kB +0.53% 63.46 kB 63.80 kB
react-native/implementations/ReactFabric-profiling.js +0.57% 383.45 kB 385.63 kB +0.44% 66.07 kB 66.36 kB
react-native/implementations/ReactFabric-prod.fb.js +0.56% 380.30 kB 382.44 kB +0.50% 66.07 kB 66.40 kB
oss-stable-semver/react-reconciler/cjs/react-reconciler.profiling.js +0.55% 416.96 kB 419.26 kB +0.45% 67.14 kB 67.44 kB
oss-stable/react-reconciler/cjs/react-reconciler.profiling.js +0.55% 416.99 kB 419.28 kB +0.45% 67.16 kB 67.47 kB
react-native/implementations/ReactNativeRenderer-prod.js +0.55% 365.57 kB 367.58 kB +0.53% 63.41 kB 63.75 kB
react-native/implementations/ReactFabric-profiling.fb.js +0.54% 405.76 kB 407.95 kB +0.43% 69.98 kB 70.28 kB
react-native/implementations/ReactNativeRenderer-profiling.js +0.53% 390.87 kB 392.93 kB +0.41% 67.28 kB 67.56 kB
react-native/implementations/ReactNativeRenderer-prod.fb.js +0.52% 383.94 kB 385.95 kB +0.46% 66.72 kB 67.03 kB
facebook-www/ReactART-prod.modern.js +0.51% 373.50 kB 375.42 kB +0.46% 62.83 kB 63.12 kB
react-native/implementations/ReactNativeRenderer-profiling.fb.js +0.50% 409.40 kB 411.46 kB +0.41% 70.58 kB 70.87 kB
facebook-www/ReactART-prod.classic.js +0.50% 383.49 kB 385.41 kB +0.45% 64.46 kB 64.76 kB
oss-stable-semver/react-dom/cjs/react-dom-client.production.js +0.42% 515.02 kB 517.17 kB +0.57% 91.71 kB 92.23 kB
oss-stable/react-dom/cjs/react-dom-client.production.js +0.42% 515.14 kB 517.29 kB +0.57% 91.74 kB 92.26 kB
oss-stable-semver/react-dom/cjs/react-dom-profiling.profiling.js +0.41% 545.36 kB 547.57 kB +0.53% 96.43 kB 96.94 kB
oss-stable/react-dom/cjs/react-dom-profiling.profiling.js +0.41% 545.48 kB 547.70 kB +0.53% 96.46 kB 96.97 kB
facebook-react-native/react-dom/cjs/ReactDOMClient-prod.js +0.39% 543.17 kB 545.30 kB +0.50% 96.35 kB 96.83 kB
facebook-react-native/react-dom/cjs/ReactDOMProfiling-prod.js +0.39% 548.68 kB 550.81 kB +0.49% 97.43 kB 97.90 kB
facebook-react-native/react-dom/cjs/ReactDOMClient-profiling.js +0.39% 567.96 kB 570.16 kB +0.55% 100.01 kB 100.57 kB
facebook-react-native/react-dom/cjs/ReactDOMProfiling-profiling.js +0.38% 573.90 kB 576.10 kB +0.55% 101.17 kB 101.72 kB
oss-stable-semver/react-reconciler/cjs/react-reconciler.development.js +0.31% 645.44 kB 647.46 kB +0.29% 102.96 kB 103.26 kB
oss-stable/react-reconciler/cjs/react-reconciler.development.js +0.31% 645.47 kB 647.49 kB +0.29% 102.99 kB 103.29 kB
oss-stable-semver/react-test-renderer/cjs/react-test-renderer.development.js +0.31% 557.48 kB 559.21 kB +0.16% 90.64 kB 90.79 kB
oss-experimental/react-test-renderer/cjs/react-test-renderer.development.js +0.31% 557.51 kB 559.24 kB +0.16% 90.65 kB 90.80 kB
oss-stable/react-test-renderer/cjs/react-test-renderer.development.js +0.31% 557.56 kB 559.29 kB +0.16% 90.66 kB 90.81 kB
oss-stable-semver/react-art/cjs/react-art.development.js +0.31% 558.45 kB 560.17 kB +0.17% 89.94 kB 90.10 kB
oss-stable/react-art/cjs/react-art.development.js +0.31% 558.52 kB 560.25 kB +0.17% 89.97 kB 90.12 kB
facebook-www/ReactTestRenderer-dev.modern.js +0.30% 575.44 kB 577.17 kB +0.19% 93.70 kB 93.87 kB
facebook-www/ReactTestRenderer-dev.classic.js +0.30% 575.45 kB 577.17 kB +0.19% 93.70 kB 93.87 kB
react-native/implementations/ReactFabric-dev.js +0.29% 640.02 kB 641.90 kB +0.17% 104.56 kB 104.74 kB
facebook-react-native/react-test-renderer/cjs/ReactTestRenderer-dev.js +0.29% 598.50 kB 600.23 kB +0.20% 96.50 kB 96.70 kB
react-native/implementations/ReactFabric-dev.fb.js +0.28% 670.47 kB 672.35 kB +0.15% 109.14 kB 109.30 kB
react-native/implementations/ReactNativeRenderer-dev.js +0.27% 648.55 kB 650.27 kB +0.13% 105.93 kB 106.07 kB
facebook-www/ReactART-dev.modern.js +0.26% 697.94 kB 699.78 kB +0.14% 109.22 kB 109.37 kB
facebook-www/ReactART-dev.classic.js +0.26% 707.43 kB 709.28 kB +0.14% 111.06 kB 111.22 kB
react-native/implementations/ReactNativeRenderer-dev.fb.js +0.26% 675.40 kB 677.12 kB +0.15% 110.03 kB 110.19 kB
oss-experimental/react-markup/cjs/react-markup.react-server.development.js = 533.26 kB 532.15 kB = 95.54 kB 95.33 kB
oss-experimental/react-server/cjs/react-server.development.js = 188.73 kB 188.08 kB = 32.99 kB 32.84 kB
oss-stable-semver/react-server/cjs/react-server.development.js = 171.74 kB 171.08 kB = 30.89 kB 30.75 kB
oss-stable/react-server/cjs/react-server.development.js = 171.74 kB 171.08 kB = 30.89 kB 30.75 kB
oss-experimental/react-server/cjs/react-server-flight.development.js = 107.51 kB 106.85 kB = 19.91 kB 19.74 kB
oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js = 1,964.07 kB 1,951.71 kB = 297.78 kB 296.45 kB
oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.production.js = 1,959.48 kB 1,947.13 kB = 296.88 kB 295.54 kB
oss-stable-semver/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.production.js = 1,959.31 kB 1,946.95 kB = 296.85 kB 295.52 kB
oss-stable/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.production.js = 1,959.31 kB 1,946.95 kB = 296.85 kB 295.52 kB
oss-stable-semver/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js = 1,963.89 kB 1,951.10 kB = 297.75 kB 296.39 kB
oss-stable/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js = 1,963.89 kB 1,951.10 kB = 297.75 kB 296.39 kB
oss-stable-semver/react-server/cjs/react-server-flight.development.js = 100.53 kB 99.87 kB = 18.67 kB 18.49 kB
oss-stable/react-server/cjs/react-server-flight.development.js = 100.53 kB 99.87 kB = 18.67 kB 18.49 kB
oss-experimental/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js = 159.04 kB 157.45 kB = 29.48 kB 29.22 kB
oss-experimental/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js = 158.98 kB 157.38 kB = 29.47 kB 29.21 kB
oss-experimental/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js = 158.75 kB 157.14 kB = 29.24 kB 28.99 kB
oss-experimental/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js = 158.68 kB 157.08 kB = 29.23 kB 28.98 kB
oss-experimental/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js = 157.84 kB 156.24 kB = 29.18 kB 28.92 kB
oss-experimental/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js = 154.72 kB 153.12 kB = 28.62 kB 28.34 kB
oss-experimental/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js = 154.18 kB 152.58 kB = 28.49 kB 28.21 kB
oss-stable-semver/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js = 151.75 kB 150.16 kB = 28.11 kB 27.87 kB
oss-stable/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js = 151.75 kB 150.16 kB = 28.11 kB 27.87 kB
oss-stable-semver/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js = 151.69 kB 150.09 kB = 28.09 kB 27.86 kB
oss-stable/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js = 151.69 kB 150.09 kB = 28.09 kB 27.86 kB
oss-experimental/react-server-dom-parcel/cjs/react-server-dom-parcel-server.node.development.js = 151.17 kB 149.57 kB = 28.10 kB 27.86 kB
oss-experimental/react-server-dom-esm/cjs/react-server-dom-esm-server.node.development.js = 151.15 kB 149.55 kB = 28.10 kB 27.84 kB
oss-stable-semver/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js = 151.11 kB 149.51 kB = 27.86 kB 27.60 kB
oss-stable/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js = 151.11 kB 149.51 kB = 27.86 kB 27.60 kB
oss-stable-semver/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js = 150.55 kB 148.95 kB = 27.83 kB 27.59 kB
oss-stable/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js = 150.55 kB 148.95 kB = 27.83 kB 27.59 kB
oss-stable-semver/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js = 151.05 kB 149.45 kB = 27.85 kB 27.59 kB
oss-stable/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js = 151.05 kB 149.45 kB = 27.85 kB 27.59 kB
oss-experimental/react-server-dom-parcel/cjs/react-server-dom-parcel-server.edge.development.js = 150.90 kB 149.30 kB = 27.87 kB 27.62 kB
oss-stable-semver/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js = 147.73 kB 146.12 kB = 27.36 kB 27.11 kB
oss-stable/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js = 147.73 kB 146.12 kB = 27.36 kB 27.11 kB
oss-stable-semver/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js = 147.18 kB 145.58 kB = 27.23 kB 26.99 kB
oss-stable/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js = 147.18 kB 145.58 kB = 27.23 kB 26.99 kB
oss-experimental/react-server-dom-parcel/cjs/react-server-dom-parcel-server.browser.development.js = 146.44 kB 144.84 kB = 27.13 kB 26.89 kB
oss-stable-semver/react-server-dom-parcel/cjs/react-server-dom-parcel-server.node.development.js = 143.88 kB 142.28 kB = 26.78 kB 26.55 kB
oss-stable/react-server-dom-parcel/cjs/react-server-dom-parcel-server.node.development.js = 143.88 kB 142.28 kB = 26.78 kB 26.55 kB
oss-stable-semver/react-server-dom-esm/cjs/react-server-dom-esm-server.node.development.js = 143.85 kB 142.26 kB = 26.81 kB 26.57 kB
oss-stable/react-server-dom-esm/cjs/react-server-dom-esm-server.node.development.js = 143.85 kB 142.26 kB = 26.81 kB 26.57 kB
oss-stable-semver/react-server-dom-parcel/cjs/react-server-dom-parcel-server.edge.development.js = 143.27 kB 141.67 kB = 26.54 kB 26.29 kB
oss-stable/react-server-dom-parcel/cjs/react-server-dom-parcel-server.edge.development.js = 143.27 kB 141.67 kB = 26.54 kB 26.29 kB
oss-stable-semver/react-server-dom-parcel/cjs/react-server-dom-parcel-server.browser.development.js = 139.44 kB 137.84 kB = 25.92 kB 25.69 kB
oss-stable/react-server-dom-parcel/cjs/react-server-dom-parcel-server.browser.development.js = 139.44 kB 137.84 kB = 25.92 kB 25.69 kB
oss-experimental/react/cjs/react.development.js = 46.75 kB 46.17 kB = 10.67 kB 10.54 kB
oss-stable/react/cjs/react.development.js = 45.06 kB 44.48 kB = 10.31 kB 10.18 kB
oss-stable-semver/react/cjs/react.development.js = 45.03 kB 44.45 kB = 10.28 kB 10.16 kB
oss-experimental/react/cjs/react.react-server.development.js = 35.74 kB 35.12 kB = 8.52 kB 8.38 kB
oss-stable/react/cjs/react.react-server.development.js = 28.77 kB 28.13 kB = 6.99 kB 6.84 kB
oss-stable-semver/react/cjs/react.react-server.development.js = 28.75 kB 28.11 kB = 6.96 kB 6.82 kB
facebook-www/React-dev.classic.js = 55.56 kB 54.28 kB = 12.11 kB 11.92 kB
facebook-www/React-dev.modern.js = 55.56 kB 54.28 kB = 12.11 kB 11.92 kB
facebook-react-native/react/cjs/React-dev.js = 51.73 kB 50.48 kB = 11.49 kB 11.31 kB
oss-experimental/react-reconciler/cjs/react-reconciler-reflection.production.js = 6.19 kB 5.92 kB = 1.64 kB 1.60 kB
oss-stable-semver/react-reconciler/cjs/react-reconciler-reflection.production.js = 6.19 kB 5.92 kB = 1.64 kB 1.60 kB
oss-stable/react-reconciler/cjs/react-reconciler-reflection.production.js = 6.19 kB 5.92 kB = 1.64 kB 1.60 kB
oss-experimental/react-reconciler/cjs/react-reconciler-reflection.development.js = 6.84 kB 6.54 kB = 1.65 kB 1.60 kB
oss-stable-semver/react-reconciler/cjs/react-reconciler-reflection.development.js = 6.84 kB 6.54 kB = 1.65 kB 1.60 kB
oss-stable/react-reconciler/cjs/react-reconciler-reflection.development.js = 6.84 kB 6.54 kB = 1.65 kB 1.60 kB
oss-experimental/react/cjs/react-jsx-dev-runtime.development.js = 11.99 kB 11.39 kB = 3.33 kB 3.18 kB
facebook-www/JSXDEVRuntime-dev.classic.js = 13.44 kB 12.77 kB = 3.61 kB 3.45 kB
facebook-www/JSXDEVRuntime-dev.modern.js = 13.44 kB 12.77 kB = 3.61 kB 3.45 kB
oss-stable-semver/react/cjs/react-jsx-dev-runtime.development.js = 11.84 kB 11.25 kB = 3.29 kB 3.14 kB
oss-stable/react/cjs/react-jsx-dev-runtime.development.js = 11.84 kB 11.25 kB = 3.29 kB 3.14 kB
facebook-react-native/react/cjs/JSXDEVRuntime-dev.js = 12.13 kB 11.47 kB = 3.33 kB 3.18 kB
oss-experimental/react/cjs/react-jsx-runtime.development.js = 12.39 kB 11.59 kB = 3.34 kB 3.20 kB
oss-stable-semver/react/cjs/react-jsx-runtime.development.js = 12.24 kB 11.44 kB = 3.30 kB 3.16 kB
oss-stable/react/cjs/react-jsx-runtime.development.js = 12.24 kB 11.44 kB = 3.30 kB 3.16 kB
facebook-react-native/react/cjs/JSXRuntime-dev.js = 12.54 kB 11.67 kB = 3.35 kB 3.20 kB
oss-experimental/react/cjs/react-jsx-dev-runtime.react-server.development.js = 13.24 kB 12.22 kB = 3.48 kB 3.33 kB
oss-experimental/react/cjs/react-jsx-runtime.react-server.development.js = 13.23 kB 12.21 kB = 3.48 kB 3.33 kB
oss-stable-semver/react/cjs/react-jsx-dev-runtime.react-server.development.js = 13.09 kB 12.07 kB = 3.44 kB 3.29 kB
oss-stable/react/cjs/react-jsx-dev-runtime.react-server.development.js = 13.09 kB 12.07 kB = 3.44 kB 3.29 kB
oss-stable-semver/react/cjs/react-jsx-runtime.react-server.development.js = 13.09 kB 12.07 kB = 3.44 kB 3.29 kB
oss-stable/react/cjs/react-jsx-runtime.react-server.development.js = 13.09 kB 12.07 kB = 3.44 kB 3.29 kB

Generated by 🚫 dangerJS against df9036e

@@ -590,61 +586,6 @@ export function restoreNestedViewTransitions(changedParent: Fiber): void {
}
}

export function cancelViewTransitionHostInstances(
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This helper was only used when layout was "none" but update was not. If both were "none" we don't apply the names in the first place. Which is what happens if just update is "none" now and this case is not expressible.

@sebmarkbage sebmarkbage merged commit 42a57ea into facebook:main Mar 24, 2025
241 of 243 checks passed
github-actions bot pushed a commit that referenced this pull request Mar 24, 2025
We currently have the ability to have a separate animation for a
ViewTransition that relayouts but doesn't actually have any internal
mutations. This can be useful if you want to separate just a move from
for example flashing an update.

However, we're concerned that this might be more confusion than its
worth because subtle differences in mutations can cause it to trigger
the other case. The existence of the property name might also make you
start looking for it to solve something that it's not meant for.

We already fallback to using the "update" property if it exists but
layout doesn't. So if we ever decide to add this back it would backwards
compatible. We've also shown in implementation that it can work.

DiffTrain build for [42a57ea](42a57ea)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants