Changeset 25593

Timestamp:

09/24/2013 02:03:41 AM (11 years ago)

Author:

helen

Message:

Allow non-visible post row actions to be accessed via keyboard. props adamsilverstein, lessbloat. fixes #21334.

File:

• trunk/src/wp-admin/js/inline-edit-post.js (modified) (1 diff)

trunk/src/wp-admin/js/inline-edit-post.js

@@ -69 +69 @@
             t.revert();
             $('select[name^="action"]').val('-1');
+        });
+
+        // Show the 'quick links' section when user tabs into post title triggering focus.
+        var transitionTimeout, focusedRow;
+        $( 'td.post-title' ).focusin(function(){
+            clearTimeout( transitionTimeout );
+            focusedRow = $(this);
+            focusedRow.find( '.row-actions' ).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(){
+                focusedRow.find( '.row-actions' ).removeClass( 'visible' );
+            }, 30);
         });
     },