RESOLVED MOVED 245668
10bit AVIF images fail to render when decoding=async 
https://bugs.webkit.org/show_bug.cgi?id=245668
Summary 10bit AVIF images fail to render when decoding=async
buzz_thrill_0z
Reported 2022-09-26 03:05:27 PDT
Created attachment 462619 [details] A 10bit AVIF image 10bit AVIF images, that are rendered in a responsive container, fail to display when the img attribute decoding=async is set. Removing the attribute or changing it to read decoding=sync renders the image correctly. This appears to only affect larger images (approx 1920x1080) and currently only on iOS 16 on iPhone. The problem seems to be worse when using responsive css layout. Eg. img { height: auto; width: 100%; }. Rotating the phone makes the image display correctly. Sample HTML (image attached). <html> <head> <style> img { height: auto; width: 100%; } </style> </head> <body> <img src="red-green-blue-spheres-cornell-box.avif" decoding="async"> </body> </html>
Attachments
A 10bit AVIF image (9.04 KB, application/octet-stream)
2022-09-26 03:05 PDT, buzz_thrill_0z 		no flags
Details
test-10bit-large-AVIF-decoding-async (201 bytes, text/html)
2022-09-30 19:27 PDT, Said Abou-Hallawa 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2022-09-26 14:25:58 PDT
<rdar://problem/100428263>
Said Abou-Hallawa
Comment 2 2022-09-30 19:27:49 PDT
Created attachment 462740 [details] test-10bit-large-AVIF-decoding-async
Said Abou-Hallawa
Comment 3 2022-09-30 19:29:44 PDT
The attached test case does not show the AVIF image on macOS trunk WebKit. Removing decoding="async" from the <img> element does not fix the problem.
Brent Fulgham
Comment 4 2023-04-11 17:05:23 PDT
The cause of this issue was outside of WebKit, so resolving as MOVED. <rdar://100800464> The fix to the underlying system component shipped in iOS 16.4.1 and macOS 13.3.1.
Note You need to log in before you can comment on or make changes to this bug.