react/packages/react-art
Sebastian Markbåge 3c3696d554
Measure Updated ViewTransition Boundaries (#32653)
This does the same thing for `measureUpdateViewTransition` that we did
for `measureNestedViewTransitions` in
e3cbaffef0.
If a boundary hasn't mutated and didn't change in size, we mark it for
cancellation. Otherwise we add names to it. The different from the
CommitViewTransition path is that the "old" names are added to the
clones so this is the first time the "new" names.

Now we also cancel any boundaries that were unchanged. So now the root
no longer animates. We still have to clone them. There are other
optimizations that can avoid cloning but once we've done all the layouts
we can still cancel the running animation and let them just be the
regular content if they didn't change. Just like the regular
fire-and-forget path.

This also fixes the measurement so that we measure clones by adjusting
their position back into the viewport.

This actually surfaces a bug in Safari that was already in #32612. It
turns out that the old names aren't picked up for some reason and so in
Safari they looked more like a cross-fade than what #32612 was supposed
to fix. However, now that bug is even more apparent because they
actually just disappear in Safari. I'm not sure what that bug is but
it's unrelated to this PR so will fix that separately.
2025-03-17 21:38:13 -04:00
..
npm Don't minify symbols in production builds (#28881) 2024-04-20 11:23:46 -04:00
src Measure Updated ViewTransition Boundaries (#32653) 2025-03-17 21:38:13 -04:00
Circle.js [Codemod] Update copyright header to Meta (#25315) 2022-10-18 11:19:24 -04:00
index.js [Codemod] Update copyright header to Meta (#25315) 2022-10-18 11:19:24 -04:00
package.json Bump next prerelease version numbers (#31676) 2024-12-12 14:10:46 -05:00
README.md Update README URLS to HTTPS (#11635) 2017-11-27 18:13:41 -08:00
Rectangle.js [Codemod] Update copyright header to Meta (#25315) 2022-10-18 11:19:24 -04:00
Wedge.js [Codemod] Update copyright header to Meta (#25315) 2022-10-18 11:19:24 -04:00

React ART

React ART is a JavaScript library for drawing vector graphics using React.

It provides declarative and reactive bindings to the ART library.

Using the same declarative API you can render the output to either Canvas, SVG or VML (IE8).