Encountering some issues with Facebook and Firefox. Specifically, the registration popup on Facebook always appears empty when using Firefox. I have tried different approaches to the popup code but so far, nothing seems to be resolving the issue. Is there anyone who can provide some insight into this problem?
The current code is as follows:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
// Initialize the FB JS SDK
FB.init({
appId : '254855334530300', // App ID from the app dashboard
status : true, // Check Facebook Login status
xfbml : true // Look for social plugins on the page
});
// Additional initialization code such as adding Event Listeners goes here
};
// Load the SDK asynchronously
(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_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
[[<fb:registration redirect_uri="http://www.bymad.co.uk/deals"></fb:registration>]]
I have experimented with various versions of the code provided in the Facebook documentation, including directly calling an iframe. However, all attempts result in a blank iframe only on Firefox. Interestingly, it functions correctly on IE, Chrome, and Opera, raising concerns about Firefox compatibility.
In addition, I have tried accessing the generated URL intended for the iframe source by pasting it directly into the browser address bar. Surprisingly, it loads as expected under these circumstances.