Ticket #31987: 31987.6.diff

wp-admin/css/customize-widgets.css

@@ -342 +342 @@
 #available-widgets {
         position: absolute;
         overflow: auto;
-        top: 46px;
+        top: 0;
         bottom: 0;
         left: -301px;
         width: 300px;
@@ -354 +354 @@
         border-right: 1px solid #dddddd;
 }
 
+#available-widgets-list {
+        top: 46px;
+        position: absolute;
+        overflow: auto;
+        bottom: 0;
+        width: 100%;
+}
+
 #available-widgets-filter {
         position: fixed;
         top: 0;
@@ -614 +622 @@
 
 @media screen and ( max-width: 640px ) {
         body.adding-widget div#available-widgets {
+                top: 46px;
                 left: 0;
                 z-index: 10;
                 width: 100%;

wp-admin/js/customize-widgets.js

@@ -293 +293 @@
 
                         // Reset search
                         this.collection.doSearch( '' );
-
-                        this.$search.focus();
+                        
                 },
 
                 // Closes the panel

wp-includes/class-wp-customize-widgets.php

@@ -668 +668 @@
                                 <label class="screen-reader-text" for="widgets-search"><?php _e( 'Search Widgets' ); ?></label>
                                 <input type="search" id="widgets-search" placeholder="<?php esc_attr_e( 'Search widgets&hellip;' ) ?>" />
                         </div>
+                        <div id="available-widgets-list">
                         <?php foreach ( $this->get_available_widgets() as $available_widget ): ?>
                                 <div id="widget-tpl-<?php echo esc_attr( $available_widget['id'] ) ?>" data-widget-id="<?php echo esc_attr( $available_widget['id'] ) ?>" class="widget-tpl <?php echo esc_attr( $available_widget['id'] ) ?>" tabindex="0">
                                         <?php echo $available_widget['control_tpl']; ?>
                                 </div>
                         <?php endforeach; ?>
+                        </div><!-- #available-widgets-list -->
                 </div><!-- #available-widgets -->
                 </div><!-- #widgets-left -->
                 <?php