Chrome for Android to get bottom sheet UI for PWA installs

Till now, Chrome on Android shows Progressive Web App install dialog at the center when you select the install option in the menu, this is going to change. Google is working to implement a bottom sheet for PWA installs and so far, the feature is already working in Chrome Canary. The chromium team is also planning to bring the same PWAs installation UI to the desktop as well.

Ideally, Google wants to show more information from the web app manifest such as screenshots, categories, and descriptions in the install prompt.

“The bottom-sheet UI is a hybrid between the PWA install infobar and the install dialog and serves as a direct replacement when the feature is enabled,” the bug commit says.

old and new PWA install UI Chrome Android

Enable bottom sheet UI for PWA installs in Chrome on Android

  1. Launch Chrome browser
  2. Visit chrome://flags
  3. Search for “Mobile PWA installation bottom Sheet”
    Mobile PWA installation bottom sheet flag Chrome Android
  4. Tap on the dropdown and select “Enabled”
  5. Relaunch browser

Here is what the flag description says “Enables use of a rich bottom sheet when offering mobile PWA installation”

Next,

  1. Visit any PWA
  2. tap on the menu,
  3. select “Install App” to notice the install dialog appearing at the bottom with screenshot and description.

web.dev PWA with bottom sheet install UI

Do note this feature is still WIP. What’s your take on the new UI of the PWA install dialog on Chrome for Android? Let us know in the comments below.

Related articles:

Chrome 90 may get these two useful features

Chrome may remove Status bar from PWAs

Uninstall Chrome PWA via Windows 10 Settings or Control Panel

Chrome is getting a PDF feature that Edge doesn’t have

Chrome’s Privacy Sandbox makes its First Appearance in Canary

Venkat Eswarlu

Venkat is an independent technology journalist and the founder of Techdows. He has been covering web browsers, Windows, and software news since 2009. His exclusive scoops on Chrome, Firefox, and Edge features have been cited by Forbes, TechCrunch, Wired, CNET, and other major publications.

Leave a Reply

Your email address will not be published. Required fields are marked *