ampproject / ampproject/amphtml

amp-facebook component fails to render on mobile devices

Open
#40,205 1 comment 0 reactions 1 assignee Claimed by @erwinmombay View on GitHub
Type: Bug
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

The `amp-facebook` component does not render correctly on mobile devices. On the AMP documentation page ([link here](https://amp.dev/documentation/components/amp-facebook)), the example Facebook post is not displayed on mobile devices. Instead, a blank frame is shown where the embedded Facebook content should be visible. This issue persists across different devices and browsers when accessing the documentation page.

### Reproduction Steps

1. Open the AMP documentation page for `amp-facebook`: [https://amp.dev/documentation/components/amp-facebook](https://amp.dev/documentation/components/amp-facebook).
2. Use a mobile device or emulate a mobile viewport using Chrome DevTools.
3. Scroll to the usage example of the `amp-facebook` component.
4. Observe that the Facebook post does not render, leaving a blank frame instead.

### Relevant Logs

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

### Browser(s) Affected

Chrome, Safari

### OS(s) Affected

Android, iOS

### Device(s) Affected

Samsung Galaxy S20 Ultra, Phone 14 Pro Max, iPhone 15 Pro (emulated and physical devices)

### AMP Version Affected

2410292120000

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.