Ticket #44665: 44665.patch

src/js/_enqueues/wp/customize/widgets.js

@@ -2283 +2283 @@
          * Initialize Edit Menu button in Nav Menu widget.
          */
         $( document ).on( 'widget-added', function( event, widgetContainer ) {
-                var parsedWidgetId, widgetControl, navMenuSelect, editMenuButton;
+                var parsedWidgetId, widgetControl, navMenuSelect, editMenuButton, newMenuButton;
                 parsedWidgetId = parseWidgetId( widgetContainer.find( '> .widget-inside > .form > .widget-id' ).val() );
                 if ( 'nav_menu' !== parsedWidgetId.id_base ) {
                         return;
@@ -2293 +2293 @@
                         return;
                 }
                 navMenuSelect = widgetContainer.find( 'select[name*="nav_menu"]' );
-                editMenuButton = widgetContainer.find( '.edit-selected-nav-menu > button' );
-                if ( 0 === navMenuSelect.length || 0 === editMenuButton.length ) {
+                editMenuButton = widgetContainer.find( '.edit-selected-nav-menu' );
+                newMenuButton = widgetContainer.find( '.create-new-nav-menu' );
+                if ( 0 === navMenuSelect.length || 0 === newMenuButton.length ) {
                         return;
                 }
                 navMenuSelect.on( 'change', function() {
-                        if ( api.section.has( 'nav_menu[' + navMenuSelect.val() + ']' ) ) {
-                                editMenuButton.parent().show();
-                        } else {
-                                editMenuButton.parent().hide();
-                        }
+                        editMenuButton.toggle( api.section.has( 'nav_menu[' + navMenuSelect.val() + ']' ) );
                 });
                 editMenuButton.on( 'click', function() {
                         var section = api.section( 'nav_menu[' + navMenuSelect.val() + ']' );
@@ -2310 +2307 @@
                                 focusConstructWithBreadcrumb( section, widgetControl );
                         }
                 } );
+                newMenuButton.on( 'click', function() {
+                        var section = api.section( 'add_menu' );
+                        if ( section ) {
+                                focusConstructWithBreadcrumb( section, widgetControl );
+                        }
+                } );
         } );
 
         /**

src/wp-includes/widgets/class-wp-nav-menu-widget.php

@@ -161 +161 @@
                                 </select>
                         </p>
                         <?php if ( $wp_customize instanceof WP_Customize_Manager ) : ?>
-                                <p class="edit-selected-nav-menu" style="<?php echo $nav_menu_style; ?>">
-                                        <button type="button" class="button"><?php _e( 'Edit Menu' ); ?></button>
+                                <p class="nav-menu-widget-buttons">
+                                        <button type="button" style="<?php echo $nav_menu_style; ?>" class="button edit-selected-nav-menu"><?php _e( 'Edit Menu' ); ?></button>
+                                        <button type="button" class="button create-new-nav-menu"><?php _e( 'Create New Menu' ); ?></button>
                                 </p>
                         <?php endif; ?>
                 </div>