NEW 288394
<picture> element does not respect display-mode: fullscreen on Safari (Desktop) 
https://bugs.webkit.org/show_bug.cgi?id=288394
Summary <picture> element does not respect display-mode: fullscreen on Safari (Desktop)
Serhiy Barhamon
Reported 2025-02-24 12:40:57 PST
Created attachment 474323 [details] 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.
Attachments
html file to reproduce (788 bytes, text/html)
2025-02-24 12:40 PST, Serhiy Barhamon 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2025-03-03 12:41:14 PST
<rdar://problem/146043342>
Note You need to log in before you can comment on or make changes to this bug.