Skip to content

View transitions: Add cross-fade effect between editor surfaces#54

Merged
priethor merged 3 commits into
mainfrom
priethor/add/surface-crossfade
May 5, 2026
Merged

View transitions: Add cross-fade effect between editor surfaces#54
priethor merged 3 commits into
mainfrom
priethor/add/surface-crossfade

Conversation

@priethor

@priethor priethor commented May 5, 2026

Copy link
Copy Markdown
Collaborator

What

Closes #143

Adds a cross-fade when the canvas switches between editor surfaces.

It uses the View Transitions API when the browser supports it and keeps the existing instant swap everywhere else. Route-level transitions cover collections and page/collection changes; page-to-page changes run inside the canvas, where the page content actually changes.

Testing

  1. In Chrome/Edge or Safari, switch between collections, pages, and page/collection routes. The canvas should cross-fade while the sidebar stays still.
  2. In a browser without View Transitions support, the swap should stay instant.

Screen recording

Grabacion.de.pantalla.2026-05-05.a.las.14.17.39.mov

@priethor priethor force-pushed the priethor/add/surface-crossfade branch 2 times, most recently from d76e288 to 8a8a9e7 Compare May 5, 2026 11:06
@priethor priethor force-pushed the priethor/add/surface-crossfade branch from 8a8a9e7 to 1ab8df8 Compare May 5, 2026 11:10
@priethor priethor merged commit 4700301 into main May 5, 2026
6 checks passed
@priethor priethor deleted the priethor/add/surface-crossfade branch May 6, 2026 09:21
@priethor priethor added this to the 0.1.0 milestone May 28, 2026
@priethor priethor added type: enhancement Improvement to existing behavior. area: shell App shell, sidebar, routing, top bar, command palette, recents, favorites, trash, and layout. labels May 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: shell App shell, sidebar, routing, top bar, command palette, recents, favorites, trash, and layout. type: enhancement Improvement to existing behavior.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Cross-fade between editor surfaces

1 participant