search

neurocracy / drupal-omnipedia-site-theme

The Drupal theme for Omnipedia.
GNU General Public License v2.0
0 stars 0 forks source link

Maskable site icon doesn't use padding area when installed via Firefox for Android on Samsung devices #8

Open Ambient-Impact opened 1 year ago

Ambient-Impact commented 1 year ago

On the desktop, it looks as it should when installed both via Firefox and Chrome: A screenshot of the Omnipedia icon on a user's desktop.

However, the story is different when the icon is shown in the app switcher.

Chrome looks as expected: Screenshot of the Omnipedia app icon in the app switcher; the icon fills the full maskable area.

But Firefox does not: Screenshot of the Omnipedia app icon in the app switcher; the icon does not fill the full maskable area, but is instead scaled down so the full square fits in the squircle.

Chrome does some extra stuff when installing a web app, seemingly packaging it into an APK or similar and installing it more like a "traditional" Android app, which is likely why they don't run into this problem. Firefox is more direct and lightweight in that respect, but might be running afoul of launcher bugs due to that.

There doesn't seem to be much to be found online about this, but these seem notable:

  1. https://dev.to/progressier/why-a-pwa-app-icon-shouldnt-have-a-purpose-set-to-any-maskable-4c78
  2. https://stackoverflow.com/questions/60156733/how-do-i-trigger-adaptive-maskable-icon-for-pwa-in-android-task-switcher