WordPress.org
Get WordPress

Make WordPress Core

Changes between Version 3 and Version 6 of Ticket #64354


Ignore:
Timestamp:
12/05/2025 12:40:32 AM (5 months ago)
Author:
westonruter
Comment:

Legend:

Unmodified
Added
Removed
Modified

  • Ticket #64354

    • Property Status changed from new to accepted
    • Property Component changed from General to Script Loader
    • Property Owner set to westonruter
    • Property Milestone changed from Awaiting Review to 6.9.1
    • Property Keywords needs-patch added; reporter-feedback removed
    • Property Severity changed from major to normal

  • Ticket #64354 – Description

    v3 v6  
    11After updating multiple websites to 6.9, all outlined buttons in the gutenberg editor now suddenly have grey background color instead of transparent background.
     2
     3
     4----
     5
     6Issue description by @threadi from #64356:
     7
     8
     9There is a problem with the button block in the TwentyTwenty theme when using the outline style. The background color is set incorrectly.
     10
     11In WP 6.8.3:
     12
     13{{{
     14:root :where(.wp-block-button.is-style-outline--2 .wp-block-button__link) {
     15  background: transparent none;
     16}
     17}}}
     18
     19
     20In WP 6.9:
     21
     22{{{
     23button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type=“button”], input[type=‘reset’], input[type=“submit”], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
     24  background-color: #cd2653;
     25}
     26}}}
     27
     28
     29This can also be reproduced in the Playground:
     30
     311. Go to https://playground.wordpress.net.
     322. Search for Themes > Add Theme > TwentyTwenty, install & activate.
     333. Edit Page > Sample Page
     344. Add a button block there and give it any text you like. Then select “Outline” on the right under Styles.
     355. Save and check.
     36
     37Result:
     38* View in the editor is correct.
     39* View in the frontend is incorrect.