ampproject / ampproject/amphtml

ATF amp-iframe inside Shadow DOM not working on Safari

Open
#25,755 8 comments 0 reactions 1 assignee Claimed by @wassgha View on GitHub
Component: amp-iframe P1: High Priority Stale Type: Bug WG: components
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

ATF Amp-Iframe with a Placeholder inside a Sticky Element is not working and triggers error

`dom.js:645 amp-iframe is not used for displaying fixed ad. Please use amp-sticky-ad and amp-ad instead.`

Steps to Reproduce:
- Visita Page https://www.repstatic.it/cless/main/rep21/2017-v1/poc/video-iframe-blocked.html from Safari Mobile, Real Device or simulator, also reproducible on Chrome Mobile Safari Emulation.
- Click on audio icon on the bottom right corner.

Screenshot with error below:

![Screenshot 2019-11-25 at 11 18 06](https://user-images.githubusercontent.com/329023/69532345-dfe2e280-0f75-11ea-88cf-70de03c41b20.png)

![Screenshot 2019-11-25 at 11 19 19 (2)](https://user-images.githubusercontent.com/329023/69532270-b9bd4280-0f75-11ea-8c00-e9dec0f5bf85.png)

It works fine on Chrome Mobile and other browsers, it seems a iOS specific issue.

Previously reported in [#18563](https://github.com/ampproject/amphtml/issues/18563)

@iwoak
@nainar

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.