Changeset 31509

Timestamp:

02/22/2015 08:13:31 PM (10 years ago)

Author:

SergeyBiryukov

Message:

Delegate focusin and focusout events for row actions to make sure the actions are always revealed on focus.

props afercia.
fixes #29765.

File:

• trunk/src/wp-admin/js/common.js (modified) (1 diff)

trunk/src/wp-admin/js/common.js

@@ -443 +443 @@
 
     // Show row actions on keyboard focus of its parent container element or any other elements contained within
-    $( 'td.post-title, td.title, td.comment, .tags td.column-name, .bookmarks td.column-name, td.blogname, td.username, .dashboard-comment-wrap' ).focusin(function(){
-        clearTimeout( transitionTimeout );
-        focusedRowActions = $(this).find( '.row-actions' );
-        focusedRowActions.addClass( 'visible' );
-    }).focusout(function(){
-        // Tabbing between post title and .row-actions links needs a brief pause, otherwise
-        // the .row-actions div gets hidden in transit in some browsers (ahem, Firefox).
-        transitionTimeout = setTimeout(function(){
-            focusedRowActions.removeClass( 'visible' );
-        }, 30);
-    });
+    $( '#wpbody-content' ).on({
+        focusin: function() {
+            clearTimeout( transitionTimeout );
+            focusedRowActions = $( this ).find( '.row-actions' );
+            // transitionTimeout is necessary for Firefox, but Chrome won't remove the CSS class without a little help.
+            $( '.row-actions' ).not( this ).removeClass( 'visible' );
+            focusedRowActions.addClass( 'visible' );
+        },
+        focusout: function() {
+            // Tabbing between post title and .row-actions links needs a brief pause, otherwise
+            // the .row-actions div gets hidden in transit in some browsers (ahem, Firefox).
+            transitionTimeout = setTimeout( function() {
+                focusedRowActions.removeClass( 'visible' );
+            }, 30 );
+        }
+    }, 'td.post-title, td.title, td.comment, .tags td.column-name, .bookmarks td.column-name, td.blogname, td.username, .dashboard-comment-wrap' );
 
     $('#default-password-nag-no').click( function() {