[Webkit-unassigned] [Bug 190913] New: <picture> container doesn't update when prefers-color-scheme media query changes

[bugzilla-daemon at webkit.org]

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

            Bug ID: 190913
           Summary: <picture> container doesn't update when
                    prefers-color-scheme media query changes
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Macintosh
                OS: macOS 10.14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: craig.hockenberry at gmail.com

A <picture> container that selects sources based on a "prefers-color-scheme" media query doesn't update when the user switches between Light and Dark Mode on macOS Mojave.

For example, the following works correctly when the page loads:

<picture>
        <source srcset="images/dark.jpg" media="(prefers-color-scheme: dark)">
        <source srcset="images/light.jpg" media="(prefers-color-scheme: light)">
        <img src="images/not_available.jpg" alt="prefers-color-scheme is not available in this browser">
</picture>

But if the visitor switches their System Preference, the image doesn't change.

A working example can be found here: https://files.iconfactory.net/downloads/miscellaneous/DarkModeCSS/

-- 
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/20181025/1cccbe2a/attachment.html>