Skip to content

feat(ios): shared transition interactive morph dismiss with cornerRadius and alpha fixes - #11321

Open
NathanWalker wants to merge 1 commit into
mainfrom
feat/shared-transition-interactive-morph
Open

feat(ios): shared transition interactive morph dismiss with cornerRadius and alpha fixes#11321
NathanWalker wants to merge 1 commit into
mainfrom
feat/shared-transition-interactive-morph

Conversation

@NathanWalker

Copy link
Copy Markdown
Contributor
  • adds amorph option to interactive dismiss: the destination view scales/translates with the finger, springs back on cancel, and morphs into the matching source element frame on finish (with shared-element snapshot fly-back).
  • Gesture phase tracking (idle/pending/active/ignored) so vertical scrolls on inner scroll views no longer engage the dismiss; the inner scroll view is frozen while a dismiss is active.
  • Adds cornerRadius to SharedProperties, animated across present/dismiss and driven by percent during interactive dismissal (sheet-style transitions).
  • Uses native alpha instead of NS opacity when hiding shared elements during transitions, restoring from NS opacity as the source of truth. Tracks all presenting views (including duplicate sharedTransitionTags in sister lists) so cleanup restores every element and avoids double-image artifacts.
  • Detaches imageSourceChange listeners on cleanup and seeds image snapshots from the source image to avoid a blank first frame.
  • Disables iOS' built-in edge pan while a custom interactive dismiss is wired so it can't race the custom recognizer.
  • snapshotView now restores layer opacity synchronously inside a CATransaction instead of on next tick, so cleanup opacity changes aren't clobbered.

@NathanWalker NathanWalker added this to the 9.1 milestone Aug 1, 2026
@nx-cloud

nx-cloud Bot commented Aug 1, 2026

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit 54254ac

Command Status Duration Result
nx test apps-automated -c=android ✅ Succeeded 3m 35s View ↗
nx run-many --target=test --configuration=ci --... ✅ Succeeded <1s View ↗

💡 Verify your cache is correct by running tasks in a sandbox. Read docs ↗


☁️ Nx Cloud last updated this comment at 2026-08-03 20:54:18 UTC

@NathanWalker
NathanWalker force-pushed the feat/shared-transition-interactive-morph branch from 4a4f611 to feaed1d Compare August 1, 2026 17:35
…ius and alpha fixes

- adds a`morph` option to interactive dismiss: the
  destination view scales/translates with the finger, springs back on cancel,
  and morphs into the matching source element frame on finish (with
  shared-element snapshot fly-back).
- Gesture phase tracking (idle/pending/active/ignored) so vertical scrolls on
  inner scroll views no longer engage the dismiss; the inner scroll view is
  frozen while a dismiss is active.
- Adds `cornerRadius` to SharedProperties, animated across present/dismiss and
  driven by percent during interactive dismissal (sheet-style transitions).
- Uses native alpha instead of NS opacity when hiding shared elements during
  transitions, restoring from NS opacity as the source of truth. Tracks all
  presenting views (including duplicate sharedTransitionTags in sister lists)
  so cleanup restores every element and avoids double-image artifacts.
- Detaches imageSourceChange listeners on cleanup and seeds image snapshots
  from the source image to avoid a blank first frame.
- Disables iOS' built-in edge pan while a custom interactive dismiss is wired
  so it can't race the custom recognizer.
- snapshotView now restores layer opacity synchronously inside a CATransaction
  instead of on next tick, so cleanup opacity changes aren't clobbered.
@NathanWalker
NathanWalker force-pushed the feat/shared-transition-interactive-morph branch from feaed1d to 54254ac Compare August 3, 2026 20:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant