Changeset 29237

Timestamp:

07/19/2014 01:18:39 AM (9 years ago)

Author:

SergeyBiryukov

Message:

Customizer: Avoid losing focus when adding widgets via keyboard.

props sathishn.
fixes #28835.

File:

• trunk/src/wp-admin/js/customize-widgets.js (modified) (2 diffs)

trunk/src/wp-admin/js/customize-widgets.js

@@ -317 +317 @@
                 isDown = ( event.which === 40 ),
                 isUp = ( event.which === 38 ),
+                isTab = ( event.which === 9 ),
+                isShift = ( event.shiftKey ),
                 selected = null,
                 firstVisible = this.$el.find( '> .widget-tpl:visible:first' ),
                 lastVisible = this.$el.find( '> .widget-tpl:visible:last' ),
-                isSearchFocused = $( event.target ).is( this.$search );
+                isSearchFocused = $( event.target ).is( this.$search ),
+                isLastWidgetFocused = $( event.target ).is( '.widget-tpl:visible:last' );
 
             if ( isDown || isUp ) {
@@ -357 +360 @@
             } else if ( isEsc ) {
                 this.close( { returnFocus: true } );
+            }
+
+            if ( isTab && ( isShift && isSearchFocused || ! isShift && isLastWidgetFocused ) ) {
+                this.currentSidebarControl.container.find( '.add-new-widget' ).focus();
+                event.preventDefault();
             }
         }