[Closed] Error with Comment Form if User has the Grammarly Browser Extension Enabled

Hi mrhappywork,

Thank you for letting us know.

We'll take it into consideration for future releases.

Hi guys.

I just want to say that I'm having the same issue so that the support team gives it a higher priority.

I hope that they fix it in the next update.

And thanks for this great plugin. 

[Update] 

I have noted that the issue happens in Microsoft Edge browser too.

[Update]

@mrhappywork

@Astghik

I have been trying to solve the problem for some time.

Currently, I guess the problem is that the comment focus jQuery delegate inside the wp_discuz.js file, isn't firing if the Grammarly extension is active, since clicking on the comment form results in the click registered on the Grammarly temp form, not on the wpDiscuz comment form.

So I think there should be another delegate the registers for the Grammarly temp form in case it exists,  the problem here is though, that the temp form won't be created until the user clicks on the comment form, so maybe we should register the delegate there?

var grammarly=$("grammarlyghost");

if(grammarly!==null&&grammarly!==undefined){
var child_div=$("grammarlyghost div:first");

child_div=$("grammarlyghost").children(":first");

if(child_div!==null&&child_div!==undefined){

vardiv_id=child_div.attr('class');
$(document).delegate('.'+div_id,'focus',function(){
varparent=$(this).parents('.wc-form-wrapper');

$('.commentTextMaxLength',parent).show();

$('.wc-form-footer',parent).slideDown(enableDropAnimation);

});

[Update]

@mrhappywork

@Astghik

I have been trying to solve the problem for some time.

Currently, I guess the problem is that the comment focus jQuery delegate (event handler) inside the wp_discuz.js file, isn't firing if the Grammarly extension is active, since clicking on the comment form results in the click registered on the Grammarly temp form, not on the wpDiscuz comment form.

So I think there should be another delegate the registers for the Grammarly temp form in case it exists,  the problem here is though, that the temp form won't be created until the user clicks on the comment form, so maybe we should register the delegate there?

Here's a piece of code I have tried, grammarlyghost is the name of the tag for the temp form parent, the temp form is a div, so what I'm trying to do is add an event handler on focus for that div, but the issue is that the div_id variable returns undefined, any help would be appreciated.

var grammarly = $("grammarlyghost");

if(grammarly !==null && grammarly !== undefined){
   var child_div = $("grammarlyghost div:first");

   child_div = $("grammarlyghost").children(":first");
    if(child_div !== null && child_div !== undefined){

       var div_id = child_div.attr('class');
       $(document).delegate('.'+div_id,'focus',function(){
           var parent=$(this).parents('.wc-form-wrapper');
           $('.commentTextMaxLength',parent).show();
           $('.wc-form-footer',parent).slideDown(enableDropAnimation);
       });

}

I'm sorry but we have no any suggestion here. The only thing I can suggest is removing the avatar from textarea using a simple CSS code. Please put it in Dashboard > Comments > Settings > Stylings > Custom CSS Code textarea. Save it, delete all caches and press Ctrl+F5 on website front-end:

#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-comment .wc-field-avatararea {
      visibility: hidden; width: 0px; height: 0px;
}
#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea {
      padding: 25px 25px 0px 25px!important;
}

I'm closing this topic here. If we got some solution I'll update.

Thank you for helping to find a solution.