[wp-trac] [WordPress Trac] #65032: View transition admin bar quirks

[WordPress Trac]

#65032: View transition admin bar quirks
----------------------------+--------------------------------
 Reporter:  zieladam        |       Owner:  (none)
     Type:  defect (bug)    |      Status:  new
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Administration  |     Version:
 Severity:  normal          |  Resolution:
 Keywords:                  |     Focuses:  ui, accessibility
----------------------------+--------------------------------
Description changed by zieladam:

Old description:

> Since 7.0 enabled view transitions in wp-admin (#64470, [10699]),
> navigating between admin screens crossfades the entire admin sidebar
> into itself, even when its markup is identical between the two pages.
>
> `src/wp-admin/css/view-transitions.css` gives each top-level menu item
> a stable `view-transition-name`, but `#adminmenu` itself does not — so
> the whole sidebar falls into the default root snapshot and crossfades
> on every navigation.
>
> Screencast: https://github.com/user-attachments/assets/7a48ae52-70d7
> -47ee-95e0-aec80463dcde
>
> == Steps to reproduce ==
>
> 1. Run trunk in Chrome.
> 2. Log in to wp-admin.
> 3. Click between two screens whose sidebars are nearly identical (e.g.
> Dashboard → Posts → Pages).
>
> == Expected ==
>
> Sidebar stays visually stable across the navigation — nothing in it has
> changed.
>
> == Actual ==
>
> The whole sidebar crossfades between two identical snapshots.
>
> == Notes ==
>
> Claude claims a likely fix is to give `#adminmenu` (and possibly
> `#adminmenuwrap`)
> its own `view-transition-name` so it's treated as a single persistent
> element
> across navigations rather than part of the default root snapshot. To be
> verified.
>
> cc @westonruter @annezazu

New description:

 Since 7.0 enabled view transitions in wp-admin (#64470, [10699]),
 navigating between admin screens crossfades the entire admin sidebar into
 itself, even when its markup is identical between the two pages.

 `src/wp-admin/css/view-transitions.css` gives each top-level menu item a
 stable `view-transition-name`, but `#adminmenu` itself does not — so the
 whole sidebar falls into the default root snapshot and crossfades on every
 navigation.

 Screencast: https://github.com/user-attachments/assets/7a48ae52-70d7-47ee-
 95e0-aec80463dcde

 **Steps to reproduce**

 1. Run trunk in Chrome.
 2. Log in to wp-admin.
 3. Click between two screens whose sidebars are nearly identical (e.g.
 Dashboard → Posts → Pages).

 **Expected**

 Sidebar stays visually stable across the navigation — nothing in it has
 changed.

 **Actual**

 The whole sidebar crossfades between two identical snapshots.

 == Notes ==

 Claude claims a likely fix is to give `#adminmenu` (and possibly
 `#adminmenuwrap`)
 its own `view-transition-name` so it's treated as a single persistent
 element
 across navigations rather than part of the default root snapshot. To be
 verified.

 cc @westonruter @annezazu

--

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/65032#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform