[wp-trac] [WordPress Trac] #58618: Twenty Twenty: Pullquote block does not have default border width in editor (was: Twenty Twenty - Pullquote Widget Border Issue on Editor Side.)

[WordPress Trac]

#58618: Twenty Twenty: Pullquote block does not have default border width in editor
---------------------------+------------------------------
 Reporter:  iamfarhan09    |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  5.9
 Severity:  normal         |  Resolution:
 Keywords:  has-patch      |     Focuses:  ui, css
---------------------------+------------------------------
Changes (by sabernhardt):

 * focuses:   => ui, css
 * component:  General => Bundled Theme
 * severity:  critical => normal
 * version:  6.2.2 => 5.9


Comment:

 Thanks for the report! I changed the version number because the border
 setting was not available until WordPress 5.9.

 I think removing `border: none` //without// adding the `border-style`
 would be better. The block has a
 [https://github.com/WordPress/gutenberg/blob/fe28cc9e1e70651597972c98b552be3f17b65804/packages
 /block-library/src/common.scss#L134-L136 default border style] when the
 block has a border width, which Twenty Twenty overrides in the editor.
 {{{
 html :where([style*="border-width"]) {
         border-style: solid;
 }
 }}}

 Twenty Twenty's border removal goes back to the
 [https://github.com/WordPress/twentytwenty/blob/02a352fd90d696fc98de21f673f7c9f617795f13
 /twentytwenty-editor-style-block-editor.css#L430-L434 initial commit],
 when it removed the block's top and bottom borders. Those borders have not
 been in the editor since WordPress 5.8. If supporting the older versions
 is important, however, the `editor-style-block` CSS probably could keep
 `border: none` and add something like this:
 {{{
 .wp-block-pullquote[style*="border-width"] {
         border-style: solid;
 }
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/58618#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform