CODEWITHSUNDEEP
javascriptfacebookfacebook-like
Gajus
Gajus

Reputation: 73808

Facebook like button dialog overflow issue

Using Facebook like button inside an app iframe, e.g.

like button position

The like button is usually positioned somewhere on the right part of the screen. The problem is that once the like button is clicked, the dialog that comes beneath it hides beyond the iframe container, e.g.

overflow

It is very easy to simply disable the dialog (using CSS), however, something I need the dialog.

What are the possible solutions for this? I expect there should be a method to trigger some overlay form or make the dialog to appear to-the-left of the like button rather than right.

Upvotes: 5

Views: 5277

Answers (2)

haibuihoang
haibuihoang

Reputation: 171

I have a similar problem and this fixed. Add this to your stylesheet:

.fb-like span{overflow:visible !important; width:450px !important; margin-right:-375px;}

Upvotes: 1

Nathan
Nathan

Reputation: 791

From the Facebook 'Like Button' dev page

'If the Like button is placed near the edge of an HTML element with the overflow property set to hidden, the flyout may be clipped or completely hidden when the button is clicked. This can be remedied by setting setting the overflow property to a value other than hidden, such as visible, scroll, or auto.'

Upvotes: 2

Related Questions