Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

List View: disable the animation and initial focus when the 'Always open list view' preference is enabled #61519

Open
afercia opened this issue May 9, 2024 · 0 comments
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

Comments

@afercia
Copy link
Contributor

afercia commented May 9, 2024

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:

list view animation on load

Step-by-step reproduction instructions

  • Go to the Post editor > Options > Preferences, and enable the 'Always open list view' preference.
  • Go back to the posts list in the WordPress admin.
  • Click a post to edit it.
  • Observe that when the editor page loads, the List View appears with a slide-in animation.
  • Observe that initial focus is set on the first item in the List View.

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

@afercia afercia added [Type] Bug An existing feature does not function as intended [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Package] Editor /packages/editor [Feature] List View Menu item in the top toolbar to select blocks from a list of links. labels May 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
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
Projects
None yet
Development

No branches or pull requests

1 participant