-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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: Close after selecting block #45079
Conversation
Size Change: +47 B (0%) Total Size: 1.27 MB
ℹ️ View Unchanged
|
Hi @alexstine, Personally, I would prefer if the list view continues open even after we select a block there. My editor flow (mainly when designing things) is to use the list view to select a block and do something there at the block level and then select another block right away and do another thing there. I guess we need to make sure even if the list view is open, pressing the list view shortcut moves the focus there. Would that solve the a11y issues? |
I concur with @jorgefilipecosta that in my workflow, I pretty much always have the List View open when working in the Editor. If the view closed on each block selection I would be opening and closing the List View constantly 😂 This also might break the multi-select functionality that allows you to group, remove, etc. from the List View. That said, I definitely can see how improving the focus would be very helpful. |
Thanks all. I'll work on modifying the keyboard shortcut. |
What?
Fixes #29466
After selecting a block from the list view, the list view should close that way it can be re-opened with the global keyboard shortcut. When the list view re-opens, focus is placed in the list view for all users, not just screen readers. This greatly improves the UX.
Why?
Once you select a block, there is no easy way to get to the list view sidebar again. This could be for sighted and even screen reader users. Sighted users could always navigate back to the sidebar with their mouse, but from a keyboard navigation perspective, there is not an easy way. See the linked issue for further discussion/details.
How?
I passed a callback function in to the
ListView
component that will get called after a block is selected.Testing Instructions
Screenshots or screencast