Topic-icon Comments on Galaxy Note 3

Active Subscriptions:

None
8 years 11 months ago #52859 by [email protected]
The FB comments look great on computers but not on a Galaxy note 3. I can't seem to find the problem. I have tried using different widths for the comments including pixel size and %. The problem is that on certain devices it renders incorrectly. eg: www.smallbeginnings.today/mind/made-to-love
If you shrink a web browser on a computer, it is completely responsive. When I test it on Chrome for mobile devices, it looks good until I select certain model devices.
I was wondering if you can figure it out.
The topic has been locked.
Active Subscriptions:

None
8 years 11 months ago #52860 by [email protected]
I found the code on an inspector to fix it, but I do not know where to find it:
From <div class="mobilePluginComments" style="width:100px">
To <div class="mobilePluginComments" style="width:100%">

That code fixes the problem, but I can't find where to find it to change it.
The topic has been locked.
Support Specialist
8 years 11 months ago - 8 years 11 months ago #52862 by mel
Replied by mel on topic Comments on Galaxy Note 3
Please review this related thread:
www.sourcecoast.com/forums/jfbconnect/jf...rted-responsive-view

It looks like this is a known issue.
Last edit: 8 years 11 months ago by mel.
The topic has been locked.
Active Subscriptions:

None
8 years 11 months ago #52885 by [email protected]
Let me know if you hear anything. I subscribed to the pages Alex requested. I looked at them and it does not seem they are taking it seriously. They basically suggest a temporary fix and say "don't worry, the next version which is coming out soon will take care of it," yet they do not say when it will come out.
The topic has been locked.
Support Specialist
8 years 11 months ago #52889 by alzander
Replied by alzander on topic Comments on Galaxy Note 3
You're correct, they're not taking those bugs seriously. Shortly after we filed those, Facebook announced a new Comment box. JFBConnect tries to always be on the lagging edge of their changes, not the leading edge, and in this case, it means that we're still forcing the older comment box to display.

If you're up for a quick tinker, you can edit the /components/com_jfbconnect/libraries/provider/facebook.php file. Around line 396 you'll see:
$version = "version: 'v2.0',";
Simply change that to:
$version = "version: 'v2.3',";
That should tell Facebook that you want the new comment box, which doesn't have the bug they introduced into the older box that broke responsiveness.

If you do that though, please test, test, test any other social modules you are using from Facebook, like the Like Box (Page feed), like buttons, or any other things you're using to make sure they a) display and b) work as expected.

I hope that helps but should you need anything else, just let us know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
8 years 11 months ago #52917 by [email protected]
Thanks, I will try that work around.
The topic has been locked.
Support Specialist
8 years 11 months ago #52926 by alzander
Replied by alzander on topic Comments on Galaxy Note 3
Please keep us posted. Now that Graph API v2.0 is required, we'll likely be updating that line in our code soon so that 2.3 is forced on all users by JFBConnect. There's very little change between 2.0-2.3 that effects JFBConnect (unlike the changes from 1.0->2.0, which did have a big impact). So, making the update should only improve things by using the newer/fancier widgets from Facebook and ditching the more buggy comment box... however, we have a lot of testing to do, so knowing if it works for you would be a good data point.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
8 years 11 months ago #53006 by ayuboe
Replied by ayuboe on topic Comments on Galaxy Note 3
Hi, I already try to change from v2.0 to v2.3, but the facebook comment box still not responsive when widht = 100%. Any other solutions?
The topic has been locked.
Support Specialist
8 years 11 months ago #53015 by alzander
Replied by alzander on topic Comments on Galaxy Note 3
I just visited your site and checked out the following page: /adenoiditis-radang-kelenjar-getah-bening.html (I'm leaving the domain off, in case you don't want it posted).

I'm seeing 2 issues on that page:
1) If you open the HTML source for the page, the very, very old Facebook Javascript library is being included on the page in the following block:
<!-- Facebook SDK -->
<div id='fb-root'></div>
<script type='text/javascript'>

      // Load the SDK Asynchronously
      (function(d){
      var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
      js = d.createElement('script'); js.id = id; js.async = true;
      js.src = '//connect.facebook.net/id_ID/all.js';
      d.getElementsByTagName('head')[0].appendChild(js);
    }(document));

</script>
<!-- End Facebook SDK -->
I'm not sure what is adding that block, but you should remove it. It will cause many other issues than just the one you refer to here.

2) The JFBConnect inclusion of the library is still loading v2.0:
FB.init({version: 'v2.0',appId: '245405692167348', status: false, cookie: true, xfbml: true});
Please make sure you made the proper edit.

I hope that helps, but if you need anything else, just let me know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
8 years 11 months ago #53062 by ayuboe
Replied by ayuboe on topic Comments on Galaxy Note 3
Hi Alex, please tell me how to remove old Facebook Javascript library from my site? It's still "2.0" because edit again to that version.
The topic has been locked.