Ticket #22237: 22237.diff

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

@@ -3628 +3628 @@
                         overlay.toggleClass( 'collapsed' ).toggleClass( 'expanded' );
                 });
 
+                // Keyboard shortcuts - esc to exit section/panel.
+                $( 'body' ).on( 'keydown', function( event ) {
+
+                        if ( 27 !== event.which ) { // esc
+                                return;
+                        }
+
+                        var foundExpandedContainer = false;
+
+                        // Check for expanded sections, return when/if found.
+                        api.section.each( function ( section ) {
+                                if ( section.expanded() ) {
+                                        section.collapse();
+                                        foundExpandedContainer = true;
+                                        return;
+                                }
+                        });
+
+                        if ( foundExpandedContainer ) {
+                                return;
+                        }
+
+                        // Check for expanded panels, return when/if found.
+                        api.panel.each( function ( panel ) {
+                                if ( panel.expanded() ) {
+                                        panel.collapse();
+                                        foundExpandedContainer = true;
+                                        return;
+                                }
+                        });
+
+                        if ( foundExpandedContainer ) {
+                                return;
+                        }
+
+                        // Otherwise, we're at the root level, so do nothing.
+                        event.preventDefault();
+                });
+
                 $( '.customize-controls-preview-toggle' ).on( 'click', function() {
                         overlay.toggleClass( 'preview-only' );
                 });