Tracking: Border Design Tools Consistency

[aaronrobertshaw]

Overview

This issue details the current state of border block support or design tool adoption across all blocks and tasks required to fill any gaps. Overall design tool consistency efforts are being tracked via the parent issue: #43241.

Legend

Value	Description
✅	Feature has been adopted and is displayed as a default control
✅ (Optional)	Feature has been adopted but is an optional control
⚠	There is a bug or issue with this block support feature's adoption
❌	Feature has been explicitly opted out of
<PR#>	Links to PR adopting the feature for this block
-	Feature has not explicitly been adopted/omitted
🛠	Implemented via an ad hoc / bespoke control
🚧	Work is in progress towards adopting this feature (no PR yet)

Block Support Adoption

Note: Deprecated blocks have been omitted from this table. e.g. Comment Author Avatar, Post Comment & Text Columns.

Block	Color	Radius	Style	Width
Archives	#63400	#63400	#63400	#63400
Audio	-	-	-	-
Avatar	✅ (Optional)	✅	✅ (Optional)	✅ (Optional)
Button	✅	✅	✅	✅
Buttons	✅	✅	✅	✅
Calendar	#64345	#64345	#64345	#64345
Categories	✅	✅	✅	✅
Code	✅	✅ (Optional)	✅ (Optional)	✅
Column	✅	✅	✅	✅
Columns	✅	✅	✅	✅
Comment Author Avatar	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Comment Author Name	✅	✅	✅	✅
Comment Content	✅	✅	✅	✅
Comment Date	✅	✅	✅	✅
Comment Edit Link	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Comment Reply Link	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Comment Template	✅	✅	✅	✅
Comments	-	-	-	-
Comments Pagination	-	-	-	-
Comments Pagination Next	#64310	#64310	#64310	#64310
Comments Pagination Numbers	-	-	-	-
Comments Pagination Previous	#64308	#64308	#64308	#64308
Comments Title	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Cover	✅	✅	✅	✅
Details	✅	❌	✅	✅
Embed	-	-	-	-
File	✅	✅	✅	✅
Footnotes	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Gallery	✅	✅	✅	✅
Group	✅	✅	✅	✅
Heading	✅	✅	✅	✅
Home Link - Navigation	-	-	-	-
HTML	-	-	-	-
Image	✅	✅	❌	✅
Latest Comments	-	-	-	-
Latest Posts	-	-	-	-
List	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
List Item	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Login/logout	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Media & Text	✅	✅	✅	✅
More (Read More)	-	-	-	-
Navigation	-	-	-	-
Navigation Link	-	-	-	-
Navigation Submenu	-	-	-	-
Next Page (Page Break)	-	-	-	-
Page List	-	-	-	-
Paragraph	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Post Author	✅	✅	✅	✅
Post Author Biography	✅	✅	✅	✅
Post Author Name	✅	✅	✅	✅
Post Comment	-	-	-	-
Post Comments Count	-	-	-	-
Post Comments Form	✅	✅	✅	✅
Post Comments Link	-	-	-	-
Post Content	-	-	-	-
Post Date	✅	✅	✅	✅
Post Excerpt	✅	✅	✅	✅
Post Featured Image	✅	✅	❌	✅
Post Navigation Link	#64258	#64258	#64258	#64258
Post Template	-	-	-	-
Post Terms	✅	✅	✅	✅
Post Title	✅	✅	✅	✅
Preformatted	✅	✅	✅	✅
Pullquote	✅	✅	✅	✅
Query	🚫	🚫	🚫	🚫
Query No Results	-	-	-	-
Query Pagination	-	-	-	-
Query Pagination Next	-	-	-	-
Query Pagination Numbers	-	-	-	-
Query Pagination Previous	-	-	-	-
Query Title	✅	✅	✅	✅
Quote	✅	✅	✅	✅
Read More	✅ (Optional)	✅ (Optional)	-	✅
RSS	-	-	-	-
Search	⚠ ✅	⚠ ✅	-	⚠ ✅
Separator	-	-	-	-
Site Logo	#48354	#48354	#48354	#48354
Site Tagline	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Site Title	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Social Link	#63782	#63782	#63782	#63782
Social Links	✅	✅	✅	✅
Spacer	-	-	-	-
Table	✅	🚫	✅	✅
Table of Contents	✅	✅	✅	✅
Tag Cloud	✅	✅	✅	✅
Term Description	✅	✅	✅	✅
Time To Read	✅ (Optional)	✅ (Optional)	✅ (Optional)	✅ (Optional)
Verse	✅	✅	✅	✅
Video	#63777	#63777	#63777	#63777

Merged PRs

• Post Featured Image: Add border support applied to inner img #42847
• Verse: Adopt border supports #48021
• Table: Add border block support #31265
• Quote: Add border support #63544
• Media Text: Add border support #63542
• Heading: Add border support #63539
• Gallery: Add border block support #63428
• Buttons: Add border, color, and padding block supports #63538
• Social Links: Add border block support  #63629
• Paragraph: Add border support #63543
• Term Description: Add border block support #63630
• Column: Enable border radius support #63924
• Column: Add border support to column blocks #39967
• Columns: Add border support #31737
• Categories List: Add border block support #63950
• Button: Adopt support for border color, style, and width #44574
• Code block: Add support for padding, color & border styles #27582
• Cover: Add border support using ResizableBox via BlockPopover #41153
• Footnotes: Add typography, dimensions, and border block supports #53044
• Group Block: Add support for custom border settings #29591
• Group Block: Add border radius #27665
• Image Block: Add border radius support #27667
• Image: Add border block support for color, width, and style #31366
• Pullquote: add block support  #30951
• Search Block: Add border color support #31783
• Border controls: add defaults in the ToolPanel #34061
• Post Date: Add border block support #64023
• Post Title: Add border block support  #64024
• Post Excerpt: Add border block support #64022
• Time To Read: Add border block support  #63776
• Site Title: Add border block support  #63631
• Site Tagline: Add border block support  #63778
• Loginout : Add border and color block support #63550
• Post Terms: Add border block support #64246
• Comment Template: Add Border Block Support #64238
• Post Comments Form: Add Border Block Support #64233
• Comment Date: Add Border Support #64210
• Comment Content: Add Border Support #64230
• List: Add border support #63540
• List Item: Add border support #63541
• Tag Cloud: Add border block support  #63579
• Post Author Name: Add Border Support #64530
• Comment Author Name: Add Border Support #64550
• Post Author: Add Border Support #64599
• Query Title: Add Border Support #64581
• File: Add border block support #64509
• Post Author Biography: Add Border Support #64615
• Comment Edit Link: Add Border Block Support #64239
• Comment Reply Link: Add border support #64271

[aaronrobertshaw]

An overall update on progress towards design tools consistency has been added to the primary tracking issue, including our goals for WordPress 6.1.

[t-hamano]

Update: I have added the Footnotes and Details blocks to the list.

[markhowellsmead]

Why have border radius on the details block and border style on images specifically been excluded? These make sense.

[aaronrobertshaw]

There's a fairly lengthy history regarding the details block and adopting border-radius on the original PR that implemented the block (#49808).

The TL;DR from memory is that adopting border-radius on some blocks can lead to a UX issue where the inline block inserter gets clipped and end users can no longer easily add blocks. The Column block is another example of this. I believe border radius was being only sparingly adopted until an overall solution can be found.

Regarding border-style on images, it was decided to be removed here. As we have recently had the merged global styles data added to the block editor, I think a lot of the poor experience around default border-style behaviour can now be avoided and this decision is worth revisiting.

[markhowellsmead]

Regarding border-style on images, it was decided to be removed here

Perhaps @mtias can suggest whether it's appropriate to revise this: the linked comment is getting on for three years old, and there have been so many editor improvements in the mean time.

[t-hamano]

Update: I have updated the table with the latest specs.

[aaronrobertshaw]

I've updated the merged PRs list so people following along can see what's landed easier.

The revisions for the issue description aren't the easiest to grok, so if you get the chance to make sure I linked the correct PRs @t-hamano, that would be appreciated 🙏

[t-hamano]

I've rechecked all the core blocks and added all the PRs that added border support to the merged PRs list 👍