Facebook Comments box not expanding to show comment after you comment..

[Chris Moore]

Hello there StudioPress community!

I have contributed a number of times here, and asked a few questions myself. And I have another question today. 🙂

See this site that I am working on: http://projectspirituality.com/fear-losing-love/

At the bottom of the posts I have added a Facebook Comments box using the HTML5 code from Facebook's Developer site.

I inserted two codes using the Genesis Simple Hooks plugin.

1.) In the "genesis_before Hook", I put this code

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=377347405718038";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2.) And in the "genesis_before_comments Hook", I put this:

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-numposts="20" data-colorscheme="light"></div>

<style>.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}</style>

The <style> part is just to make the FB Comments box responsive (along with some other stuff).

So, now on to the problem...

When you actually enter a comment into the box (in Chrome at least), it will not expand to show your comment until you refresh the page. So it looks like it didn't work.

How do you fix this?

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

http://projectspirituality.com/fear-losing-love/

[nutsandbolts]

It just refreshed for me in Chrome for Mac - I saw my comment as soon as I posted it. Did you get this resolved?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Chris Moore]

Hello there!

Hmmm... So, when you add the comment, it immediately appears for you (without refreshing the page)?

I had the Moderation Mode set to "Let me approve each comment before it appears" before and then I set it to "Make every post public by default" after that. Not sure when you did your test! LOL...

I have now set it to "Make every post public by default".

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[nutsandbolts]

Yep! I tried it twice (it was within the last 10 minutes or so) and both showed up instantly for me.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Chris Moore]

Okay... That is good.

Maybe it's because I'm an admin of the Facebook App ID that the comment is associated with?

Can you test it one more time for me. Maybe in more than one browser.

Mac or PC?

THANK YOU SO MUCH! 🙂

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[nutsandbolts]

Works in Firefox for Mac as well. No PCs in my house or I'd check there, too.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Chris Moore]

Very strange... I have Chrome Version 31.0.1650.63 (latest as of today), and comments do NOT show up when I comment, UNTIL I refresh the whole page.

The only variable that is different between you and me is that I am an Admin of the Facebook App that is associated with the comments.

I'm also on a Mac too, just like you.

So............. Hmmm.

P.S. I hid the comments we made so far. 🙂

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Author]

Posts