[Webkit-unassigned] [Bug 254533] New: Safari iOS does not render an image with an updated src

[bugzilla-daemon at webkit.org]

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

            Bug ID: 254533
           Summary: Safari iOS does not render an image with an updated
                    src
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Media
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: greg323464 at gmail.com

The following URL will not render the intended image when viewed on iOS: https://gregbenzphotography.com/hdr-images/placid/

The image on the page is an AVIF, but the <img> src is update to use a JPG when the viewer does not support HDR. This must be done via JS (in the header of the page) due to limitations of the media query (https://bugs.webkit.org/show_bug.cgi?id=254489). This updated src works fine in all browsers I have tested other than iOS Safari. It is only expressed when Jetpack lazy loading is enabled and I suspect is timing related (adding a delay before updating the src also works around the issue, but is not a good workaround as this would result in unnecessary downloading of the AVIF).

You can see the expected result by bypassing lazy loading by viewing https://gregbenzphotography.com/hdr-images/placid/?forceLazy

-- 
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/20230327/08cb7ed2/attachment.htm>