Bug 280262 - Regression: PWA Splash Screen No Longer Displays with Data URLs or Blob URLs in apple-touch-startup-image iOS 17.6.1 and iOS 18
Summary: Regression: PWA Splash Screen No Longer Displays with Data URLs or Blob URLs ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Platform (show other bugs)
Version: Safari 18
Hardware: iPhone / iPad iOS 18
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2024-09-24 03:05 PDT by Avadhesh B
Modified: 2024-09-24 09:10 PDT (History)
1 user (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Avadhesh B 2024-09-24 03:05:12 PDT
Summary:
After updating to iOS 17.6.1, the splash screen for Progressive Web Apps (PWAs) no longer displays correctly when using a data URL or blob URL as the source for the apple-touch-startup-image. Previously, this method worked as expected in iOS 17.5.1, but now, separate PNG files must be used for each screen size to ensure the splash screen appears.

Steps to Reproduce:

Create a PWA and add splash screen images using the apple-touch-startup-image link tag with a data URL (or blob URL) as the source.
Install the PWA on an iPhone or iPad running iOS 17.6.1.
Open the PWA and observe the splash screen behaviour.
Expected Result:
The splash screen should display correctly using the data URL or blob URL, as it did in previous versions like iOS 17.5.1.

Actual Result:
The splash screen fails to display, and users must now use separate PNG files for each device screen size, increasing complexity.

Impact:
This change makes adding splash images to PWAs more cumbersome, as developers now need to manage multiple PNGs instead of generating them programmatically using data URLs or blob URLs.

Version Tested:

iOS 17.6.1 (Issue Present)
iOS 18 (Issue Present)
iOS 17.5.1 (Working as Expected)

Links:
https://github.com/avadhesh18/iosPWASplash (works as expected before this bug appeared)
https://github.com/avadhesh18/iosPWASplash/issues/1 (issue with some investigation done on the bug)