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

[WordPress Trac]

#65032: View transition admin bar quirks
----------------------------+--------------------------
 Reporter:  zieladam        |       Owner:  westonruter
     Type:  defect (bug)    |      Status:  reviewing
 Priority:  normal          |   Milestone:  7.0.1
Component:  Administration  |     Version:  7.0
 Severity:  normal          |  Resolution:
 Keywords:  has-patch       |     Focuses:  ui
----------------------------+--------------------------
Changes (by ozgursar):

 * keywords:  has-patch needs-testing => has-patch


Comment:

 == Test Report
 Patch tested: https://github.com/WordPress/wordpress-develop/pull/11912

 === Environment
 - WordPress: 7.1-alpha-62161-src
 - Subdirectory: No
 - PHP: 8.2.29
 - Server: nginx/1.29.4
 - Database: mysqli (Server: 8.4.7 / Client: mysqlnd 8.2.29)
 - Browser: Chrome 148.0.0.0
 - OS: macOS
 - Theme: Twenty Twenty-Five 1.5
 - MU Plugins: None activated
 - Plugins:
   * Code Snippets 3.9.6
   * Test Reports 1.3.0

 === Steps taken
 1. Install the following plugin provided by @westonruter to slow down
 animations and observe the changes easily.

 {{{#!php
 <?php
 add_action(
         'admin_print_styles',
         function () {
                 ?>
                 <style>
                         /* TEMP DEBUG: slow every view transition
 animation down to 2s. Remove before shipping. */
                         ::view-transition-group(*),
                         ::view-transition-old(*),
                         ::view-transition-new(*) {
                                 animation-duration: 1s;
                         }
                 </style>
                 <?php
         }
 );
 }}}


 2. Navigate between menu items when Dev Tools is closed and observe the
 cross fade as well as the position of ''Collapse Menu'' between
 transitions.
 3. Apply patch and observe the transitions again.
 4. Confirm the expanding submenu wipes open in step with the surrounding
 menu items, rather than briefly overlapping the items beneath it.
 5. Confirm the "Collapse menu" button slides with the menu rather than
 fading
 6. ✅ Patch is solving the problem.

 === Expected result
 - Submenu wiping closed, the new one wiping open should play on every
 navigation, never degrading to a plain cross-fade.
 - Collapse menu item should slide with the menu.

 === Additional Notes
 Before patch:
 https://files.catbox.moe/zyrbdf.mp4

 After patch:
 https://files.catbox.moe/iwpnsq.mp4

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