Anil Sagar
Posts: 0
Joined: Fri Jul 04, 2014 1:13 pm

Refused to autofill iframe with different origin - FB API Error

Hi, after the recent appery update, I have been getting this error in using the FB api . This error was not there before the appery update. Could pls help me check what's wrong? Although app works fine and moves ahead with the next pages but this error shows in the console.

"Refused to autofill iframe with different origin"

Anil Sagar
Posts: 0
Joined: Fri Jul 04, 2014 1:13 pm

Refused to autofill iframe with different origin - FB API Error

I am not sure but maybe this error is from an html component where I am trying to insert a facebook share and like buttons as described on https://developers.facebook.com/docs/... where FB is suggesting to include the following code as:

Include the JavaScript SDK on your page once, ideally right after the opening 'body' tag.

some codeA from the above URL

Place the code for your plugin wherever you want the plugin to appear on your page.

some other codeB from the same URL

I have put both codes in the same html component, which I don't think is correct. How can I put the code meant for page 'body' at the right place?

I think this is the code which did not give error before recent appery update but it's giving an error now as stated in the first post.

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Refused to autofill iframe with different origin - FB API Error

Hello!

Could you clarify when exactly this error appears? What Facebook plugin do you use?

Anil Sagar
Posts: 0
Joined: Fri Jul 04, 2014 1:13 pm

Refused to autofill iframe with different origin - FB API Error

I am using fb api available on appery and fb share/like buttons as described above. My app provides login through fb credentials and on the 2nd page one can see some user data. On the 2nd page fb share and like buttons are there. As soon as this page loads, I see the above error in the browser console.

Anil Sagar
Posts: 0
Joined: Fri Jul 04, 2014 1:13 pm

Refused to autofill iframe with different origin - FB API Error

Awaiting help on this pls

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

Refused to autofill iframe with different origin - FB API Error

Hi Anil,

It's hard to say what is wrong here, could please provide us with a public app link (http://devcenter.appery.io/documentat...) and steps to reproduce?

Anil Sagar
Posts: 0
Joined: Fri Jul 04, 2014 1:13 pm

Refused to autofill iframe with different origin - FB API Error

Hi Illya, I will try sharing the public link soon but it will need me to add your FB_id into my DB. We can try that but it will be slightly cumbersome.

So I have tried a few things at my end. When I removed the html component which I was using to display FB share and like buttons, the error disappeared.

This means the error is not with FB API but is with how I place the share and like button html on my app page.

So request your help on the following - as I stated above:

FB is suggesting to include the following code as:

Include the JavaScript SDK on your page once, ideally right after the opening 'body' tag.

some codeA from the above URL

Place the code for your plugin wherever you want the plugin to appear on your page.

some other codeB from the same URL

I have put both codes in the same html component, which I don't think is correct. How can I put the code meant for page 'body' at the right place?

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

Refused to autofill iframe with different origin - FB API Error

Anil,

Please try to describe how you've added this to your page? I will try to reproduce it.

Anil Sagar
Posts: 0
Joined: Fri Jul 04, 2014 1:13 pm

Refused to autofill iframe with different origin - FB API Error

I am simply adding an html component on a page and then adding the code received on https://developers.facebook.com/docs/... by pressing 'get code' there.

It's just that I have no way to put codes meant for header and body tags separately in the html component.

Once I get this working in a simple html component, my end goal is to put this html code in a grid which will repeat itself depending on the array in my DB collection.

This will then allow me to share the product bought (data from DB array) onto facebook page of the buyer.

Anil Sagar
Posts: 0
Joined: Fri Jul 04, 2014 1:13 pm

Refused to autofill iframe with different origin - FB API Error

Hi Illya, awaiting your help on this pls

Return to “Issues”