Ticket #35616: 35616.1.diff

src/wp-admin/js/customize-controls.js

@@ -3345 +3345 @@
                                                         value._dirty = false;
                                                 } );
 
+                                                api.previewer.send( 'saved', response );
+
                                                 api.trigger( 'saved', response );
                                         } );
                                 };

src/wp-includes/class-wp-customize-manager.php

@@ -805 +805 @@
                         'activePanels' => array(),
                         'activeSections' => array(),
                         'activeControls' => array(),
+                        '_dirty' => array_keys( $this->unsanitized_post_values() ),
                 );
 
                 if ( 2 == $this->nonce_tick ) {

src/wp-includes/js/customize-preview.js

@@ -84 +84 @@
         });
 
         $( function() {
+                var bg, setValue;
+
                 api.settings = window._wpCustomizeSettings;
-                if ( ! api.settings )
+                if ( ! api.settings ) {
                         return;
-
-                var bg;
+                }
 
                 api.preview = new api.Preview({
                         url: window.location.href,
                         channel: api.settings.channel
                 });
 
+                /**
+                 * Create/update a setting value.
+                 *
+                 * @param {string}  id            - Setting ID.
+                 * @param {*}       value         - Setting value.
+                 * @param {boolean} [createDirty] - Whether to create a setting as dirty. Defaults to false.
+                 */
+                setValue = function( id, value, createDirty ) {
+                        var setting = api( id );
+                        if ( setting ) {
+                                setting.set( value );
+                        } else {
+                                createDirty = createDirty || false;
+                                setting = api.create( id, value, {
+                                        id: id
+                                } );
+
+                                // Mark dynamically-created settings as dirty so they will get posted.
+                                if ( createDirty ) {
+                                        setting._dirty = true;
+                                }
+                        }
+                };
+
                 api.preview.bind( 'settings', function( values ) {
-                        $.each( values, function( id, value ) {
-                                if ( api.has( id ) )
-                                        api( id ).set( value );
-                                else
-                                        api.create( id, value );
-                        });
+                        $.each( values, setValue );
                 });
 
                 api.preview.trigger( 'settings', api.settings.values );
 
-                api.preview.bind( 'setting', function( args ) {
-                        var value;
-
-                        args = args.slice();
+                $.each( api.settings._dirty, function( i, id ) {
+                        var setting = api( id );
+                        if ( setting ) {
+                                setting._dirty = true;
+                        }
+                } );
 
-                        if ( value = api( args.shift() ) )
-                                value.set.apply( value, args );
+                api.preview.bind( 'setting', function( args ) {
+                        var createDirty = true;
+                        setValue.apply( null, args.concat( createDirty ) );
                 });
 
                 api.preview.bind( 'sync', function( events ) {
@@ -130 +153 @@
                         api.preview.send( 'documentTitle', document.title );
                 });
 
+                api.preview.bind( 'saved', function( response ) {
+                        api.trigger( 'saved', response );
+                } );
+
+                api.bind( 'saved', function() {
+                        api.each( function( setting ) {
+                                setting._dirty = false;
+                        } );
+                } );
+
                 /*
                  * Send a message to the parent customize frame with a list of which
                  * containers and controls are active.