Page plugin started not working on mobile
12

Example https://jsfiddle.net/rost4719/1/

Works on desktop, but once switched over to mobile via the developer tool, it gets

Failed to load resource: the server responded with a status of 500 () chromewebdata/:1 Refused to display 'https://m.facebook.com/' in a frame because it set 'X-Frame-Options' to 'deny'. (index):2942 Uncaught TypeError: Cannot read properties of null (reading 'classList') at HTMLDocument.onDocumentLoad ((index):2942:19)

On PROD sites, it will also get CSP blockage since https://m.facebook.com was not used before for showing the embed therefore not configured as part of CSP.

Chen
Asked about 3 months ago
Jennifer

I have run into same issue on 2 sites I manage. It worked fine less than 48 hours ago. Works fine on desktop/desktop view but not on mobile.

September 27 at 8:45 AM
Tom

In my case, the plugin works on Android Chrome when viewing my Google Site directly but not via the custom domain

October 5 at 7:54 PM
Randall

Same problem here. The X-Frame-Options problem is not something we can fix - this is a Meta problem.

October 7 at 3:33 PM
Randall

And, for what it's worth, this problem goes back at least THREE YEARS with no resolution...

October 7 at 3:38 PM
Selected Answer
1

Hello all

There any update lads anyone get way to sort this issue

November 11 at 7:31 AM
Alber
1

Just checked a website where the issue occurred—yes, "occurred" because it seems Facebook has resolved it! 🎉 Could everyone please check if it's working on their site again? Thanks in advance! 🙏

December 17 at 7:51 AM
Ronnie
2

Is there any way to contact Meta support about this issue?

October 1 at 1:10 AM
Mariana
Simon

I reported this through my own FB page so other may wish to do the same.

October 1 at 3:53 AM
Ronnie

And have you had a response from Facebook yet that this problem is known to them?

October 2 at 11:12 AM
Simon

Nope

October 3 at 2:06 AM
2

It appears FB now states in the FAQ that page plug in isn't supported on Android and IOS. https://developers.facebook.com/docs/plugins/faqs#faq_1585575021764180

I've implemented a work around with some additional CSS and a message if you're using a mobile browser. The latter goes after the orignal div class="fb-page" element.

FBmobile {

font-size: 16px; color: #fff; }

October 3 at 5:00 AM
Simon
Michał

This is not a workaround, this is just an info why is it not working...

October 16 at 11:41 PM
Kane

Please fix this asap

October 26 at 5:01 PM
4

I have same issues at the moment.

Refused to display 'https://m.facebook.com/' in a frame because it set 'X-Frame-Options' to 'deny' on mobile

Is there a workaround?

Thank you

October 1 at 6:25 AM
Pierobon
Mihaela

still happening. anybody has any workaround for responsive display?

October 3 at 4:59 AM
5

I faced the same issue as well. Has anyone found a workaround?

September 30 at 8:43 PM
田力 誠也