Changeset 39548

Timestamp:

12/09/2016 06:15:15 AM (7 years ago)

Author:

westonruter

Message:

Customize: Collapse available nav menu items panel when clicking outside over preview or over existing items.

Props rockwell15.
Fixes #38953.

Location:

trunk/src/wp-admin

Files:

• css/customize-nav-menus.css (modified) (1 diff)
• js/customize-nav-menus.js (modified) (3 diffs)

trunk/src/wp-admin/css/customize-nav-menus.css

@@ -720 +720 @@
 }
 
+body.adding-menu-items #customize-preview iframe {
+    pointer-events: none;
+}
+
 .menu-item-handle .spinner {
     display: none;

trunk/src/wp-admin/js/customize-nav-menus.js

@@ -666 +666 @@
         // Opens the panel.
         open: function( menuControl ) {
+            var panel = this, close;
+
             this.currentMenuControl = menuControl;
 
@@ -671 +673 @@
 
             $( 'body' ).addClass( 'adding-menu-items' );
+
+            close = function() {
+                panel.close();
+                $( this ).off( 'click', close );
+            };
+            $( '#customize-preview' ).on( 'click', close );
 
             // Collapse all controls.
@@ -1320 +1328 @@
                 e.preventDefault();
                 e.stopPropagation();
+                api.Menus.availableMenuItemsPanel.close();
                 var menuControl = control.getMenuControl();
                 if ( menuControl.isReordering || menuControl.isSorting ) {