[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:  7.0
Component:  Administration     |     Version:  trunk
 Severity:  normal             |  Resolution:
 Keywords:  reporter-feedback  |     Focuses:  ui, accessibility
-------------------------------+--------------------------------
Changes (by sabernhardt):

 * keywords:   => reporter-feedback


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 nearly identical between the two pages.
>
> 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, to be verified:
>
> * `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.
> * 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.
>
> cc @westonruter @annezazu

New description:

 Since 7.0 enabled view transitions in wp-admin (#64470,
 [https://github.com/WordPress/wordpress-develop/pull/10699 PR 10699]),
 navigating between admin screens crossfades the entire admin sidebar into
 itself, even when its markup is nearly identical between the two pages.

 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, to be verified:

 * `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.
 * 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.

 cc @westonruter @annezazu

--

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