Bug 245668 - 10bit AVIF images fail to render when decoding=async
Summary: 10bit AVIF images fail to render when decoding=async
Status: RESOLVED MOVED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 16
Hardware: iPhone / iPad iOS 16
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-09-26 03:05 PDT by buzz_thrill_0z
Modified: 2023-04-11 17:05 PDT (History)
7 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description buzz_thrill_0z 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>
Comment 1 Radar WebKit Bug Importer 2022-09-26 14:25:58 PDT 
<rdar://problem/100428263>
Comment 2 Said Abou-Hallawa 2022-09-30 19:27:49 PDT 
Created attachment 462740 [details]
test-10bit-large-AVIF-decoding-async
Comment 3 Said Abou-Hallawa 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.
Comment 4 Brent Fulgham 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.