List View: disable the animation and initial focus when the 'Always open list view' preference is enabled #61519
Labels
[Feature] List View
Menu item in the top toolbar to select blocks from a list of links.
[Focus] Accessibility (a11y)
Changes that impact accessibility and need corresponding review (e.g. markup changes).
[Package] Editor
/packages/editor
[Type] Bug
An existing feature does not function as intended
Description
See also #61498
In WordPress 6.5 the List View panel opens without animation.
On trunk, it now opens with a slide-in animation.
When the 'Always open list view' preference is enabled, the List View is always open also on page load. However, the animation runs also when the editor page loads, which isn't a great experience for users. Things that 'move' on the screen on page load are confusing, they trigger a layout shift, and are somehow a jarring experience for users. On page load, the animation is unnecessary and should be prevented.
Re: Initial focus.
When manually opening the List View, setting initial focus within it makes sense. However, when the 'Always open list view' preference is enabled, initial focus is set on the List View on page load. This is less than ideal. It is unexpected, as the tab sequence should normally start from the document root.
ANimat4ed GIF to illustrate the animation running on page load:
Step-by-step reproduction instructions
Screenshots, screen recording, code snippet
No response
Environment info
No response
Please confirm that you have searched existing issues in the repo.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Yes
The text was updated successfully, but these errors were encountered: