css - data-layout="box_count" doesent display correct width -


im struggling strange problem.

when im using data-layout="box_count" on button, width of liked frame beeing cut when use data-layout="standard" absolutly correct.

the code im using html5 , right out developer box.

<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_gb/sdk.js#xfbml=1&appid=504558953003252&version=v2.0";   fjs.parentnode.insertbefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> 

this images of how looks me,

data-layout="box_count"

enter image description here

data-layout="standard"

enter image description here

any ideas?

check css , make sure nothing prevents iframe being drawn plugin wishes.

i had exact same problem few days ago , after filing bug report, facebook told me css style conflicting.

some things should watch :

  • check if there max-width: on iframe element or containers (this case, modified wordpress theme client , in css reset, didn't notice...)
  • try force overflow: visible on iframe's parents (documentation suggests so)

from like button documentation :

when click button, comment popup window ('flyout') doesn't show. why?

if button placed near edge of html element css overflow property set hidden, flyout may clipped or hidden when button clicked. can remedied setting overflow property value other hidden, such visible, scroll, or auto.


Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

thorough guide for profiling racket code -