diff --git src/wp-admin/css/customize-nav-menus.css src/wp-admin/css/customize-nav-menus.css
index 6fe558d..a95c8fc 100644
|
|
body.adding-menu-items #customize-preview { |
719 | 719 | opacity: 0.4; |
720 | 720 | } |
721 | 721 | |
| 722 | body.adding-menu-items #customize-preview iframe { |
| 723 | pointer-events: none; |
| 724 | } |
| 725 | |
722 | 726 | .menu-item-handle .spinner { |
723 | 727 | display: none; |
724 | 728 | float: left; |
diff --git src/wp-admin/js/customize-nav-menus.js src/wp-admin/js/customize-nav-menus.js
index b7556f6..df696bd 100644
|
|
|
665 | 665 | |
666 | 666 | // Opens the panel. |
667 | 667 | open: function( menuControl ) { |
| 668 | var panel = this, close; |
| 669 | |
668 | 670 | this.currentMenuControl = menuControl; |
669 | 671 | |
670 | 672 | this.itemSectionHeight(); |
671 | 673 | |
672 | 674 | $( 'body' ).addClass( 'adding-menu-items' ); |
673 | 675 | |
| 676 | close = function() { |
| 677 | panel.close(); |
| 678 | $( this ).off( 'click', close ); |
| 679 | }; |
| 680 | $( '#customize-preview' ).on( 'click', close ); |
| 681 | |
674 | 682 | // Collapse all controls. |
675 | 683 | _( this.currentMenuControl.getMenuItemControls() ).each( function( control ) { |
676 | 684 | control.collapseForm(); |
… |
… |
|
1319 | 1327 | this.container.find( '.menu-item-handle' ).on( 'click', function( e ) { |
1320 | 1328 | e.preventDefault(); |
1321 | 1329 | e.stopPropagation(); |
| 1330 | api.Menus.availableMenuItemsPanel.close(); |
1322 | 1331 | var menuControl = control.getMenuControl(); |
1323 | 1332 | if ( menuControl.isReordering || menuControl.isSorting ) { |
1324 | 1333 | return; |