Move "cancel reply"

Been playing with this, but I can't get it figured out.

I found how to add it after the button in the HTML:

add_filter( 'comment_form_submit_field', function( $button ) {
	return $button . get_cancel_comment_reply_link();
} );

However, it never displays when you click the Reply link. I assume it's because the JS they use only targets the first link.

I tried to disable the first link, but it looks like it's hard-coded into WordPress: https://github.com/WordPress/WordPress/blob/5.1.1/wp-includes/comment-template.php#L2377

It might be worth asking over on something like wordpress.stackexchange.com. I might be overlooking something.

Hi Tom,

I did some searching which lead tot this post which you may find interesting.

I will try to implement it and report back here.

Thanks for your time!

jQuery is definitely one method that should work. Let me know how it goes :)

Well, that works as intended although it puts the "cancel reply" link next to the "reply" link instead of next to the "post comment" button.

Any thoughts on this?

Try this instead:

<script>
jQuery( function( $ ){
    $( '.comment-reply-link', '.comment-body' ).on( 'click', function(){
        $( '#cancel-comment-reply-link' ).insertAfter( '.form-submit' ).addClass( 'button' ).show();
    } );

    $( '#cancel-comment-reply-link' ).on( 'click', function(){
        $( this ).hide();
    } );
} );
</script>

Your code works.
I can position it with CSS or is there a better solution?

Looks like you did it! Looks great :)

Yep, thanks for your help Tom.

Have a nice day!

Thanks! You too :)