[mytamhuyet]

After having version 3.0 successfully installed and integrated on a page, following points are unclear:

• States "select" won't populate
  
• Change from secureimage to ReCaptcha keeps displaying secureimage
  
• Add Comment button not active/can't send
  
• Avatar - where to add/manage (can posters choose to upload image for their avatar use?)
  

page of current install:

[Steven]

Hi can you post a link to your page?

It uses Gravatar. Users can upload their image there for free.
https://en.gravatar.com/

Also why did you install v3.0 and not v3.4?

[ddraber]

Just upgraded from 2.5 to 3.4.  I am having the same problem with the State field not populating, thus inhibiting me from saving any new comments.  State is the only field that I am having problems with.

[Steven]

Hi can you post a link to your page?

[ddraber]

Formatting is still in progress (light on dark), but the test site is https://raber.us/pages/engineer.php. Feel free to leave a test comment.

[ddraber]

Hi can you post a link to your page?

Yes, please.  https://raber.us/pages/engineer.php is an example.   I just changed all (4) references in filer.js from size() to length, and State seems to work........ but it still does not save to the database.

[Steven]

It doesn't save the state to the database? What's the value of the 'state_id' in the 'comments' table for the comment that you posted?

Also, noticed in your stylesheet below, you're setting all iframes to be a specific height/width and it's affecting the reCaptcha by making it overlap the 'Add Comment' button so only the very left part of the button works.

https://raber.us/styles/style.css

Code:

iframe {
   width:95%;
   border:0px white none;
   width:504px;
   height:284px;
   margin-left:40px;
   display:inline-block;
}

[ddraber]

Steve, Thanks for catching the inadvertent override of iframe. That was a very old part of the site that I had forgotten about.

Posting a comment appears to be completely unresponsive. No error messages (that I can see), no response, and nothing in the database.

Also, I noticed that filer.js now throws a new error (see below). Might this also be related to jquery 3.1? Since you disrtbute jquery 3.1, that was the last thing that I would have thought of.

Thanks, David

Uncaught TypeError: $(...).error is not a function
at FileReader.y.onload (filer.js:372)


[Violation] Forced reflow while executing JavaScript took 83ms
recaptcha__en.js:92 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
Rs @ recaptcha__en.js:92
O0 @ recaptcha__en.js:93
O0 @ recaptcha__en.js:93
Xu @ recaptcha__en.js:262
$k.Y_.M.Q0.M.I @ recaptcha__en.js:264
M.I @ recaptcha__en.js:270
(anonymous) @ recaptcha__en.js:225
g @ recaptcha__en.js:38
b0 @ recaptcha__en.js:225
gX.OX.M.I @ recaptcha__en.js:225
z9.I @ recaptcha__en.js:279
M.I @ recaptcha__en.js:357
M.render @ recaptcha__en.js:223
q1 @ recaptcha__en.js:359
(anonymous) @ recaptcha__en.js:361
(anonymous) @ anchor?ar=1&k=6LcQpZ4UAAAAANoORC9HxP2WATc5pq-BW9wue3ef&co=aHR0cHM6Ly9yYWJlci51czo0NDM.&hl=en&type=image&v=v1554100419869&theme=dark&size=normal&cb=e3iccu9lqv1p:197
recaptcha__en.js:92 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

[Steven]

I just managed to post a comment fine. I had to remove reCaptcha though because, as you can see in my screenshot, it's covering all of the button now which is why the button isn't reacting for you.

Commentics loads jQuery v1.12.4 if the website doesn't load jQuery itself. Maybe try downgrading it to see if that fixes everything?