Skip to content

Comments

Fix blocking animating non-layout props through commitUpdates after the View was synchronously animated#55340

Closed
coado wants to merge 1 commit intofacebook:mainfrom
coado:export-D91677971
Closed

Fix blocking animating non-layout props through commitUpdates after the View was synchronously animated#55340
coado wants to merge 1 commit intofacebook:mainfrom
coado:export-D91677971

Conversation

@coado
Copy link
Contributor

@coado coado commented Jan 28, 2026

Summary:

This diff fixes edge-case with animating non-layout props through commitUpdates path.

The non-layout props are animated through the synchronous short-path, skipping yoga layout calculations. In RCTMountingManager the propKeysManagerByAnimated were set on updated props which are then checked for and blocked in the RCTViewComponentView's updateProps method (non-layout props might be applied through the layout path as we animate props in batch that may consists of both types of props).

Changelog:

[iOS][Fixed] - Fixed edge-case with animating non-layout props through the commitUpdates path.

Differential Revision: D91677971

Before After
before.mov
after.mov

@meta-cla meta-cla bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Jan 28, 2026
@facebook-github-bot facebook-github-bot added the p: Facebook Partner: Facebook label Jan 28, 2026
@meta-codesync
Copy link

meta-codesync bot commented Jan 28, 2026

@coado has exported this pull request. If you are a Meta employee, you can view the originating Diff in D91677971.

@coado coado changed the title Fix blocking animating layout props after the View was synchronously animated Fix blocking animating non-layout props through commitUpdates after the View was synchronously animated Jan 28, 2026
… the `View` was synchronously animated (facebook#55340)

Summary:

This diff fixes edge-case with animating non-layout props through `commitUpdates` path.

The non-layout props are animated through the synchronous short-path, skipping yoga layout calculations. In `RCTMountingManager` the `propKeysManagerByAnimated` were set on updated props which are then checked for and blocked in the RCTViewComponentView's `updateProps` method (non-layout props might be applied through the layout path as we animate props in batch that may consists of both types of props).

## Changelog:
[iOS][Fixed] - Fixed edge-case with animating non-layout props through the `commitUpdates` path.

Reviewed By: zeyap, javache

Differential Revision: D91677971
@meta-codesync meta-codesync bot closed this in 31f215a Feb 3, 2026
@facebook-github-bot facebook-github-bot added the Merged This PR has been merged. label Feb 3, 2026
@react-native-bot
Copy link
Collaborator

This pull request was successfully merged by @coado in 31f215a

When will my fix make it into a release? | How to file a pick request?

@meta-codesync
Copy link

meta-codesync bot commented Feb 3, 2026

This pull request has been merged in 31f215a.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. fb-exported Merged This PR has been merged. meta-exported p: Facebook Partner: Facebook p: Software Mansion Partner: Software Mansion Partner

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants