Ticket #33184: 33184.8.diff

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

@@ -715 +715 @@
         top: 60px; /* below title div / search input */
         bottom: 0px; /* 100% height that still triggers lazy load */
         max-height: none;
-        width: 270px;
+        width: 100%;
+        padding: 1px 15px 15px;
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
 }
 
 #available-menu-items .menu-item-tpl {
@@ -1041 +1045 @@
         display: none;
 }
 
+@media screen and ( max-width: 782px ) {
+        #available-menu-items #available-menu-items-search .accordion-section-content {
+                top: 63px;
+        }
+}
+
 @media screen and ( max-width: 640px ) {
         body.adding-menu-items div#available-menu-items {
                 top: 46px;
@@ -1049 +1059 @@
                 width: 100%;
         }
 
+        #available-menu-items #available-menu-items-search .accordion-section-content {
+                top: 133px;
+        }
+
         #available-menu-items .customize-section-title {
                 display: block;
                 margin: 0;

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

@@ -538 +538 @@
                                 content = panelMeta.find( '.customize-panel-description' ),
                                 options = $( '#screen-options-wrap' ),
                                 button = panelMeta.find( '.customize-screen-options-toggle' );
-                        button.on( 'click', function() {
+                        button.on( 'click keydown', function( event ) {
+                                if ( api.utils.isKeydownButNotEnterEvent( event ) ) {
+                                        return;
+                                }
+                                event.preventDefault();
+
                                 // Hide description
                                 if ( content.not( ':hidden' ) ) {
                                         content.slideUp( 'fast' );
@@ -561 +566 @@
                         } );
 
                         // Help toggle
-                        help.on( 'click', function() {
+                        help.on( 'click keydown', function( event ) {
+                                if ( api.utils.isKeydownButNotEnterEvent( event ) ) {
+                                        return;
+                                }
+                                event.preventDefault();
+
                                 if ( 'true' === button.attr( 'aria-expanded' ) ) {
                                         button.attr( 'aria-expanded', 'false' );
                                         help.attr( 'aria-expanded', 'true' );