Skip to content

feat: Run shadow and color CSS transitions on Core Animation#9656

Closed
MatiPl01 wants to merge 1 commit into
@matipl01/css-platform-routing-eligibilityfrom
@matipl01/css-platform-shadow-color-props
Closed

feat: Run shadow and color CSS transitions on Core Animation#9656
MatiPl01 wants to merge 1 commit into
@matipl01/css-platform-routing-eligibilityfrom
@matipl01/css-platform-shadow-color-props

Conversation

@MatiPl01

Copy link
Copy Markdown
Member

Summary

Stacked on #9655.

Adds shadowOpacity, shadowRadius, shadowOffset, shadowColor, backgroundColor and borderColor to the set of CSS transition properties that run on Core Animation (behind IOS_CSS_CORE_ANIMATION).

Shadow properties always live on the view's main layer. Background and border colors route only while RN uses Core Animation border rendering for the view (mirrored useCoreAnimationBorderRendering condition) - otherwise RN draws them into sublayers that are rebuilt on every commit, so such views keep using the loop.

Test plan

  • -fsyntax-only compile check, clang-format clean
  • Needs device verification with the IOS_CSS_CORE_ANIMATION flag enabled

@MatiPl01 MatiPl01 self-assigned this Jun 11, 2026
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch from d418cd8 to 9118a15 Compare June 12, 2026 00:00
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch 2 times, most recently from fc9dfc8 to 47a4295 Compare June 12, 2026 08:09
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch from 9118a15 to 3c385cc Compare June 12, 2026 08:09
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch from 47a4295 to 7964685 Compare June 12, 2026 10:19
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch 2 times, most recently from 5a1dcdf to 99e1180 Compare June 15, 2026 01:30
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch 2 times, most recently from 3d53a8b to 3b24f1b Compare June 15, 2026 01:54
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch from 99e1180 to d25095a Compare June 15, 2026 01:54
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch from 3b24f1b to e445fea Compare June 15, 2026 08:12
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch from d25095a to 830492b Compare June 15, 2026 08:12
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch from e445fea to a30252b Compare June 15, 2026 08:39
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch from 830492b to 5cb1782 Compare June 15, 2026 08:39
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch from a30252b to 99c3d4b Compare June 15, 2026 10:03
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch from 5cb1782 to 11e3081 Compare June 15, 2026 10:03
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch from 99c3d4b to e217415 Compare June 15, 2026 10:56
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch 2 times, most recently from eab37fc to a68b970 Compare June 15, 2026 11:45
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch from e217415 to 09319f9 Compare June 15, 2026 11:45
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch from a68b970 to 5f80493 Compare June 16, 2026 08:43
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch from 09319f9 to 3878367 Compare June 16, 2026 08:43
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch from 5f80493 to 41bcf18 Compare June 16, 2026 09:51
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch from 3878367 to cb4ba81 Compare June 16, 2026 09:51
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-routing-eligibility branch from cb4ba81 to e5a4e62 Compare June 16, 2026 12:49
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-platform-shadow-color-props branch from 41bcf18 to c779dae Compare June 16, 2026 12:49
@MatiPl01

Copy link
Copy Markdown
Member Author

Superseded by the newer per-property stack on top of the merged #9654: shadow props now route via #9685, and backgroundColor/borderColor via #9689. The Core-Animation-border-rendering eligibility condition from this PR will be reintroduced in a dedicated eligibility follow-up, so it is not lost. Closing in favor of #9685 and #9689.

@MatiPl01 MatiPl01 closed this Jun 17, 2026
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.

1 participant