Facebook as a problem with button dialog overflow

Question

Using Facebook as a button inside an iframe application, e.g.

A similar button is usually located somewhere on the right side of the screen. The problem is that after clicking the "similar" button, the dialog below it hides outside the iframe container, for example.

It is very simple to simply disable the dialog (using CSS), however I need a dialog box.

What are the possible solutions for this? I expect that there should be a method to call some kind of overlay form or make the dialog appear to the left of a similar button, and not to the right.

Answer 1

From the Facebook Like Button Page

'If the “Near” button is located near the edge of an HTML element with the hidden overflow property set, the pop-up window may be cropped or completely hidden when the button is clicked. This can be fixed by setting the value of the overflow property to a value other than hidden, for example, visible, scrolling, or automatic. ''

Answer 2

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

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