Feature : Categories List - new Inline display#76185
Feature : Categories List - new Inline display#76185Vrishabhsk wants to merge 2 commits intoWordPress:trunkfrom
Conversation
|
Warning: Type of PR label mismatch To merge this PR, it requires exactly 1 label indicating the type of PR. Other labels are optional and not being checked here.
Read more about Type labels in Gutenberg. Don't worry if you don't have the required permissions to add labels; the PR reviewer should be able to help with the task. |
1 similar comment
|
Warning: Type of PR label mismatch To merge this PR, it requires exactly 1 label indicating the type of PR. Other labels are optional and not being checked here.
Read more about Type labels in Gutenberg. Don't worry if you don't have the required permissions to add labels; the PR reviewer should be able to help with the task. |
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
|
Hey @Vrishabhsk, great work on this! The inline layout and tag style additions are solid improvements. It addresses a pain point and gives the designers the chance to avoid custom CSS to achieve the patterns. It's exactly what I required at the PR #75127. One suggestion worth considering: your What if the dropdown included a Custom option as the last choice, similar to how the Date block handles custom formats? That way, you get the discoverability and UX clarity of predefined options, while still giving power users the flexibility they’re used to. It would also keep things more coherent with the broader WP design system. Otherwise, the implementation looks clean to me, a theme designer. We’ll need more experienced eyes after the fixes. Let me know, and I'll get someone to help us. |
|
Hi @henriqueiamarino 👋 Appreciate the review and the design perspective!
|
|
Thanks for the iteration, @Vrishabhsk. I’ll need a review from @scruffian, as the feature is good to go from a design perspective. |
| onChange={ toggleAttribute( 'displayAsDropdown' ) } | ||
| <SelectControl | ||
| __next40pxDefaultSize | ||
| label={ __( 'Display layout' ) } |
There was a problem hiding this comment.
I am not a native English speaker, but to me this sounds redundant, as if saying the same thing twice?



What?
This PR adds new display options to the Categories/Terms List block:
Why?
The Categories List block previously only supported two display modes: a bulleted list or a dropdown. However, many common design patterns require:
Previously, these layouts required custom CSS or custom blocks, which added friction for designers and content creators.
How?
Block Attributes
displayAsDropdown(boolean) withdisplayLayout(string enum:list,dropdown,inline)delimiterattribute (string enum:comma,dot,pipe,slash) for inline layoutdefaultandtagEditor Changes (
edit.js)renderCategoryInline()function for horizontal renderingServer-Side Rendering (
index.php)get_categories()aria-hidden="true"for accessibilitydisplayAsDropdownattributeStyles (
style.scss,editor.scss).wp-block-categories-inlinestyles for horizontal flex layout.is-style-tagblock style for pill/chip appearanceMigration (
deprecated.js)displayAsDropdown→displayLayoutfor existing blocksTesting Instructions
npm run wp-env startdisplayAsDropdown: truestill render as dropdownsPreview
Screen.Recording.2026-03-05.at.12.19.29.PM.mov