Bug 258686 - [iOS 17] PNG image transparency is broken
Summary: [iOS 17] PNG image transparency is broken
Status: RESOLVED MOVED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Images (show other bugs)
Version: Safari 17
Hardware: iPhone / iPad Other
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2023-06-29 11:19 PDT by Jacob Goldman
Modified: 2023-06-29 14:58 PDT (History)
1 user (show)

See Also:

Attachments
iOS 17.0 in Safari navigated to https://jsbin.com/rowohenaji?html,css,output (60.60 KB, image/jpeg)
2023-06-29 11:19 PDT, Jacob Goldman 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Jacob Goldman 2023-06-29 11:19:45 PDT 
Created attachment 466867 [details]
iOS 17.0 in Safari navigated to https://jsbin.com/rowohenaji?html,css,output

PNGs with any alpha channel set below around 0.5 has no effect. Pixels with an alpha channel of 0 are still visible, breaking transparent backgrounds. All PNGs seem to be impacted across the entire web.

Example: https://jsbin.com/rowohenaji?html,css,output. See attachment for iOS 17.0 reproduction showing pink overlays on all elements.

Only reproducible on iOS 17.0, cannot reproduce on macOS Ventura 13.4 with Safari Release 172 (Safari 17.0, WebKit 18616.1.17.3). I am unable to reproduce this on iOS outside of WebKit (verified in Safari and WKWebView).

See also:
* highly visible bug in Google Ads: https://redd.it/14kda07
* similar bug reported on Amazon.com: https://bugs.webkit.org/show_bug.cgi?id=258454.
Comment 1 Alexey Proskuryakov 2023-06-29 14:58:35 PDT 
Thank you for the report! This is an issue below WebKit, tracked by Apple internally as rdar://110822373.