mdn/content

IsStandaloneContent does not work with `display: fullscreen` in Chrome Android

Open

#34,928 opened on Jul 19, 2024

View on GitHub
 (2 comments) (0 reactions) (0 assignees)Markdown (22,427 forks)batch import
Content:PWAhelp wanted

Repository metrics

Stars
 (8,900 stars)
PR merge metrics
 (Avg merge 7d 3h) (147 merged PRs in 30d)

Description

MDN URL

https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/How_to/Create_a_standalone_app

What specific section or headline is this issue about?

No response

What information was incorrect, unhelpful, or incomplete?

The isStandaloneApp code provided on that page is false when running in an installed fullscreen PWA app (manifest display: fullscreen) in Chrome on Android.

Weirdly, this is true on Chrome Desktop, and using window.matchMedia("(display-mode: fullscreen)").matches is also false.

I wonder if this is a Chrome bug which I am happy to file if you confirm whether according to the spec, Chrome on Android should match display-mode: fullscreen OR display-mode: standalone in that case (and which one of those).

What did you expect to see?

An isStandaloneApp function that works regardless of what's set in the PWA manifest display.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Contributor guide