[Webkit-unassigned] [Bug 245668] New: 10bit AVIF images fail to render when decoding=async

Mon Sep 26 03:05:27 PDT 2022

https://bugs.webkit.org/show_bug.cgi?id=245668

            Bug ID: 245668
           Summary: 10bit AVIF images fail to render when decoding=async
           Product: WebKit
           Version: Safari 16
          Hardware: iPhone / iPad
                OS: iOS 16
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: buzz_thrill_0z at icloud.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 462619

  --> https://bugs.webkit.org/attachment.cgi?id=462619&action=review

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>

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220926/7dc7f95a/attachment.htm>