search

ampproject / amphtml

The AMP web component framework.
https://amp.dev
Apache License 2.0
14.89k stars 3.89k forks source link

Some Problems in iOS and Standalone Display Mode (PWA) #38190

Open halilesen opened 2 years ago

halilesen commented 2 years ago

Description

Hello, I'm getting an error in Safari when using a project on Wordpress in Web Stories. I haven't been able to figure out the source of this and it only happens when I'm in a state. For more information, please see the bug report: https://github.com/GoogleForCreators/web-stories-wp/issues/11469

I don't know what you think, but I think it's an annoying problem.

Kind regards.

Reproduction Steps

There is no problem when in the normal Safari tab. It only happens when saved as PWA (Share > Add to Home Screen > Add) and when in standalone display mode.

Relevant Logs

No response

Browser(s) Affected

No response

OS(s) Affected

iOS 15.4.1

Device(s) Affected

No response

AMP Version Affected

No response

newmuis commented 2 years ago

What is the error that you are getting, @halilesen?

newmuis commented 2 years ago

Ah, I see the full report under https://github.com/GoogleForCreators/web-stories-wp/issues/11469:

I have reported this problem before on the forum (Web Stories and PWA). However, I think it would be useful to reiterate here in a more concise and clear way.

When we open the links in the story by swiping, the theme color will be affected or deleted and there will be some scrolling issues.

There is no problem when in the normal Safari tab. It only happens when saved as PWA (Share > Add to Home Screen > Add) and when in standalone display mode.

https://youtube.com/shorts/slOJGVSjXQQ?feature=share

There is a scrolling problem as seen at 0:15. This error may not happen all the time, but it does happen most of the time.

After 0:28 it can be seen that the theme-color and background change. This happens when scrolling to the bottom and top.

It may disable some codes like "viewport-fit=cover" as will be seen after 042. The found portion of this code is located of a subfolder in phpBB forum. It also affects the theme color again, as here at 0:14.

  • Plugin Version: 1.20.0
  • WordPress Version: 5.9.3
  • Operating System: iOS 15.4.1
  • Browser: Safari
halilesen commented 2 years ago

Oh, sorry. And Thanks.

newmuis commented 2 years ago

Looks like perhaps the story is being opened in a full-screen player iframe, then the link navigation is happening inline, within the iframe, rather than at the top-level. Could someone investigate whether that could be the case?

/cc @ampproject/wg-stories

halilesen commented 2 years ago

Looks like perhaps the story is being opened in a full-screen player iframe, then the link navigation is happening inline, within the iframe, rather than at the top-level.

I thought so too. But they said it wasn't.

stale[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs. Thank you for your contributions.