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
[Inserter]: Add keyboard navigation in Patterns #28520
[Inserter]: Add keyboard navigation in Patterns #28520
Conversation
Size Change: +6.57 kB (0%) Total Size: 1.37 MB
ℹ️ View Unchanged
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @ntsekouras! I made a suggestion, but the code looks good overall. I wonder if we need design feedback for the layout change?
packages/block-editor/src/components/block-patterns-list/index.js
Outdated
Show resolved
Hide resolved
yeah, can't we retain the two columns layout for the search results? |
Thanks for reviewing @diegohaz and @youknowriad 👍 - I reverted the styles and addressed the feedback. I've also added the |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Code looks good, keyboard interaction looks good!
packages/block-editor/src/components/block-patterns-list/index.js
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍
Co-authored-by: Miguel Fonseca <miguelcsf@gmail.com>
Description
Resolves: #28245
This PR adds keyboard navigation to the
Patterns List
in inserter. It uses theComposite
component fromReakit
, which is also used for block types list.Testing instructions
Patterns
.