Changeset 29237

Timestamp:

07/19/2014 01:18:39 AM (12 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();
                         }
                 }