Ticket #43376: 43376_button_element.2.diff

src/wp-admin/includes/class-wp-comments-list-table.php

@@ -635 +635 @@
                 if ( 'spam' !== $the_comment_status && 'trash' !== $the_comment_status ) {
                         $actions['edit'] = "<a href='comment.php?action=editcomment&amp;c={$comment->comment_ID}' aria-label='" . esc_attr__( 'Edit this comment' ) . "'>" . __( 'Edit' ) . '</a>';
 
-                        $format = '<a data-comment-id="%d" data-post-id="%d" data-action="%s" class="%s" aria-label="%s" href="#">%s</a>';
+                        $format = '<button data-comment-id="%d" data-post-id="%d" data-action="%s" class="%s button-link" role="button" aria-expanded="false" aria-label="%s">%s</button>';
 
                         $actions['quickedit'] = sprintf( $format, $comment->comment_ID, $comment->comment_post_ID, 'edit', 'vim-q comment-inline', esc_attr__( 'Quick edit this comment inline' ), __( 'Quick&nbsp;Edit' ) );
 

src/wp-admin/js/edit-comments.js

@@ -578 +578 @@
         init : function() {
                 var row = $('#replyrow');
 
-                $('a.cancel', row).click(function() { return commentReply.revert(); });
+                $('a.cancel', row).click(function() { 
+                        $( '.comment-inline' ).attr( 'aria-expanded', 'false' );
+                        return commentReply.revert(); 
+                });
                 $('a.save', row).click(function() { return commentReply.send(); });
                 $( 'input#author-name, input#author-email, input#author-url', row ).keypress( function( e ) {
                         if ( e.which == 13 ) {
@@ -962 +965 @@
         // Quick Edit and Reply have an inline comment editor.
         $( '#the-comment-list' ).on( 'click', '.comment-inline', function (e) {
                 e.preventDefault();
+                $( this ).attr( 'aria-expanded', 'true' );
                 var $el = $( this ),
                         action = 'replyto';