[wp-trac] [WordPress Trac] #65321: Global --wp--style--border--color Variable Applies Unwanted border-style: solid to Cover Block Background Span

[WordPress Trac]

#65321: Global --wp--style--border--color Variable Applies Unwanted border-style:
solid to Cover Block Background Span
-------------------------------------------+------------------------------
 Reporter:  vijaysinh9094                  |       Owner:  (none)
     Type:  defect (bug)                   |      Status:  new
 Priority:  normal                         |   Milestone:  Awaiting Review
Component:  General                        |     Version:  7.0
 Severity:  major                          |  Resolution:
 Keywords:  needs-patch reporter-feedback  |     Focuses:  ui, css
-------------------------------------------+------------------------------
Description changed by sabernhardt:

Old description:

> The global styles output is applying a default border-style: solid rule
> to the Cover block background element even when no border is defined.
>
> As shown in the screenshot, the following element receives the style:
>
> <span aria-hidden="true"
>         class="wp-block-cover__background has-accent-2-background-color
> has-background-dim-100 has-background-dim">
> </span>
>
> Because border-style: solid is applied globally, browsers render an
> unwanted border even when only the border color variable exists.
>
> Steps to Reproduce:
>
> Create a page with a Cover block.
> Apply a background color or dim overlay.
> Do not set any border manually.
> Inspect the .wp-block-cover__background element.
> Notice inherited/global border-style: solid causing visible border
> rendering.

New description:

 The global styles output is applying a default `border-style: solid` rule
 to the Cover block background element even when no border is defined.

 As shown in the screenshot, the following element receives the style:
 {{{
 <span aria-hidden="true"
         class="wp-block-cover__background has-accent-2-background-color
 has-background-dim-100 has-background-dim">
 </span>
 }}}
 Because `border-style: solid` is applied globally, browsers render an
 unwanted border even when only the border color variable exists.

 Steps to Reproduce:

 - Create a page with a Cover block.
 - Apply a background color or dim overlay.
 - Do not set any border manually.
 - Inspect the `.wp-block-cover__background` element.
 - Notice inherited/global `border-style: solid` causing visible border
 rendering.

--

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