New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 822994 link

Starred by 6 users

Issue metadata

Status: Available
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Chrome
Pri: 3
Type: Feature



Sign in to add a comment

Saved PWAs should provide a back button in the title bar like Android apps do

Project Member Reported by esprehn@chromium.org, Mar 17 2018

Issue description

Google Chrome	64.0.3282.190 (Official Build) (64-bit)
Revision	0
Platform	10176.76.0 (Official Build) stable-channel samus

Android apps on Chrome OS are provided with a back button in the window bar but Chrome Apps and PWAs are not. This leads to situations where PWAs can leave you "stuck" because they assume a back button exists (ex. this is the case with twitter today).

While apps that expect you to save to home screen should probably have back UX for platforms without a system back button it also seems like Chrome OS could be consistent here and provide the back button for both PWAs and Android. As it stands right now that title bar is mostly empty space anyway. :)

What steps will reproduce the problem?
(1) Go to mobile.twitter.com
(2) Save it to the shelf, make sure open as window is checked.
(3) Open it from the shelf.

What is the expected result?

Back button shown on the left side of the window title bar like an Android app.

What happens instead?

Nothing in the window bar except a close button.

PS. Not sure what component bugs about desktop PWAs go in.
 
I see 65 added the title and a menu up there (in lots of blog posts), did it also add the Android back arrow to the left side?
Components: -UI -Platform>Apps UI>Browser>WebAppInstalls
Cc: -owe...@chromium.org mikelawther@chromium.org
Here's a screenshot of where the back arrow should be, and where it's currently present for Android apps.
PlayStore ChromeOS.png
404 KB View Download
twitter pwa.png
60.8 KB View Download

Comment 5 by ortuno@chromium.org, Apr 19 2018

Labels: -Type-Bug Type-Feature
Our interpretation of the spec is that apps that specify display as 'standalone' should have as little browser UX as possible and that they should implement the back button themselves. If an app wants more of the browser UI, they should use 'minimal-ui'.

That said, we are exploring adding an option to the manifest that would allow websites to specify what browser features they would like e.g. back arrow.
Is there any way for a site to know how much browser UI is available to the user?

Comment 7 by ortuno@chromium.org, Apr 23 2018

Kind of. They can use media queries to find out if they are in browser mode or standalone mode.
ortuno@ Since I can right click and choose "Back", and Alt+Left and go back, it seems strange to hide the back arrow that all Android apps get for PWAs. I understand that the spec is vague here, but it doesn't feel like it should require a new manifest value since the window still does have Chrome and that Chrome has a bunch of buttons and even the threedot menu in it.

Why should the window have the threedot menu but not the back arrow that Android apps have? Similarly on Android devices PWAs in standalone don't hide the system back arrow even though android apps can technically do that too (ex. games do that, but PWAs don't).

Comment 9 by ortuno@chromium.org, May 21 2018

Cc: mgiuca@chromium.org
I think the argument goes that the back button is part of the system UI in Android and therefore we leave it there. The back button is not part of the system UI on desktop, so we don't go out of our way to show one.

I'm not saying that we shouldn't have one, just explaining the rationale that lead us here. There is a bug opened in the spec[1] and I believe mgiuca is working on a proposal on how to fix this.

[1] https://github.com/w3c/manifest/issues/673
Labels: M-69
Status: Available (was: Untriaged)
From my perspective, I want PWAs to have as much control as possible (within reason; e.g., security mandates that we show the origin) over the title bar, when in installed app mode. As a first approximation, "display: standalone" means they are asking for as little UI as possible, so we do not show a back button.

> I understand that the spec is vague here, but it doesn't feel like it should
> require a new manifest value since the window still does have Chrome and that
> Chrome has a bunch of buttons and even the threedot menu in it.

The three-dot menu is the only concession that we made to the default title bar from the native OS, to give access to security information and other useful features. We don't want to clutter the title bar with redundant navigation controls unless the site requests it.

(I say "redundant" because the site asking for display: standalone *should* be designed with a built-in back button. If we slap a back button on these properly designed PWAs, we risk showing a redundant back button right above the in-client one. See Twitter Lite: https://www.reddit.com/r/Windows10/comments/87qcw8/twitter_pwa_double_back_button/.)

Having said that, I think we'll be showing a back button by default, for compatibility with MS. But I want to give an option for developers to disable the back button.

> Why should the window have the threedot menu but not the back arrow that
> Android apps have? Similarly on Android devices PWAs in standalone don't hide
> the system back arrow even though android apps can technically do that too (ex.
> games do that, but PWAs don't).

I can't speak for why Chrome OS doesn't hide the back button for Android apps when the app asks for it to be hidden. We want to give developers those controls.

Keeping this bug open for the implementation of new Back button controls.
Cc: tsteiner@google.com
Owner: harrisjay@chromium.org

Sign in to add a comment