Changeset 20919

Timestamp:

05/25/2012 10:43:11 PM (8 years ago)

Author:

koopersmith

Message:

Theme Customizer: Correctly use custom-background class in theme preview. See #19910.

File:

• trunk/wp-includes/js/customize-preview.dev.js (modified) (1 diff)

trunk/wp-includes/js/customize-preview.dev.js

@@ -82 +82 @@
 
         api.when.apply( api, bg ).done( function( color, image, position_x, repeat, attachment ) {
-            var style = $('#custom-background-css'),
+            var body  = $(document.body),
+                style = $('#custom-background-css'),
                 update;
 
+            // If custom backgrounds are active and we can't find the
+            // default output, bail.
+            if ( body.hasClass('custom-background') && ! style.length )
+                return;
+
+            // Create the CSS container if it doesn't already exist.
             if ( ! style.length )
-                return;
+                style = $('<style type="text/css" id="custom-background-css" />').appendTo('head');
 
             update = function() {
                 var css = '';
+
+                // The body will support custom backgrounds if either
+                // the color or image are set.
+                //
+                // See get_body_class() in /wp-includes/post-template.php
+                body.toggleClass( 'custom-background', !! ( color() || image() ) );
 
                 if ( color() )