[Webkit-unassigned] [Bug 288394] New: <picture> element does not respect display-mode: fullscreen on Safari (Desktop)

Mon Feb 24 12:40:57 PST 2025

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

            Bug ID: 288394
           Summary: <picture> element does not respect display-mode:
                    fullscreen on Safari (Desktop)
           Product: WebKit
           Version: Safari 18
          Hardware: Mac (Apple Silicon)
                OS: macOS 15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: New Bugs
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: Bargamon at gmail.com

Created attachment 474323

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

html file to reproduce

Fullscreen mode does not display the image specified in a <source> with media query display-mode: fullscreen.  

Steps to Reproduce:
 1. Create an HTML page with the following code:

<html>
  <head>
  <style>
    html, body{
      margin:0;
      padding:0;
    }
    img {
      width: 100vw;
      height: 100vh;
    }
  </style>
  </head>
  <body>
    <picture onclick="requestFullscreen()">
      <source media="(display-mode: fullscreen)" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAAaADAAQAAAABAAAAAQAAAAD5Ip3+AAAADUlEQVQIHWNY8Z/hPwAGoQKnSTUSHQAAAABJRU5ErkJggg==">
      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAAaADAAQAAAABAAAAAQAAAAD5Ip3+AAAADUlEQVQIHWP4v5ThPwAG7wKkSFotfwAAAABJRU5ErkJggg=="/>
    </picture>
  </body>
</html>

 2. Click anywhere on the page (the image).

Expected Behavior: the image from <source> with display-mode: fullscreen specified (greenish pixel) is displayed. 

Actual Behavior: The image specified in <img> (yellowish pixel) is displayed.

-- 
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/20250224/d1162ee1/attachment-0001.htm>