This problem has occurred recently and I don’t know why. I haven’t changed my code anything so I’m assuming Facebook has something to do with it.
I make apps to fit in pagetabs on Facebook and to resize the height of the iframe I have always used the following method:
<!DOCTYPE HTML>
<html>
<head>
<!-- Lots of code -->
</head>
<body>
<!-- Lots of code -->
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
appId: '00000000000000' // A real ID of course
});
FB.Canvas.setAutoResize();
};
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/sv_SE/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
</body>
</html>
As you can see I’m using the FB.Canvas.setAutoResize method to resize the iframe. Now, I know that this method is beeing removed but I have tried to use setAutoGrow() and setSize() and pass in a specific height and width but not even that will work. And all my apps I have created that used to work fine using one of these methods all look terrible now when the height of the iframe only is 800 px.
Help is very much appreciated!
Best Regards
TRY THIS