[wp-trac] [WordPress Trac] #63589: Unable to live preview changes to Additional CSS in the Customizer when using a Block Theme

[WordPress Trac]

#63589: Unable to live preview changes to Additional CSS in the Customizer when
using a Block Theme
-------------------------------------+--------------------------
 Reporter:  westonruter              |       Owner:  westonruter
     Type:  defect (bug)             |      Status:  accepted
 Priority:  normal                   |   Milestone:  6.9
Component:  Customize                |     Version:  6.2
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:
-------------------------------------+--------------------------

Comment (by wildworks):

 @westonruter Thanks for the update.

 It may be difficult to solve everything, but I discovered another
 inconsistency while testing the latest patch.

 === Steps to Reproduce

 - Activate Twenty Twenty-Five theme
 - Go to Appearance > Editor > Click the canvas > Click the "Styles" button
 > Click the "Colors" button > Click the "Text" button in the Elements
 section
 - Change the color to `#ff0000`
 - Click the save button
 - Open the Customizer: http://localhost:8889/wp-admin/customize.php
 - Click the "Additional CSS" button
 - Add the following CSS: `body{color:green;}`

 ==== Frontend

 The text color is **green**.

 {{{
 #!xml
 <style id='global-styles-inline-css'>
 body {
     color: #ff0000; // Defined in the Global Styles UI
 }
 body {
     color: green; // Defined in the Customizer additional CSS
 }
 </style>
 }}}

 ==== Customizer

 The text color is **red**.

 {{{
 #!xml
 <style id="wp-custom-css">
 body{
         color:green; // Defined in the Customizer additional CSS
 }
 </style>

 <style id='global-styles-inline-css'>
 body {
     color: #ff0000; // Defined in the Global Styles UI
 }
 </style>
 }}}

 Another thing I noticed is that the post editor or site editor doesn't
 seem to enqueue the additional CSS defined in the Customizer in the first
 place.

 This means that if you follow the testing steps above, the text color
 should be a different red from the green on the frontend.

 This appears to be happening in at least 6.7 as well.

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