[Webkit-unassigned] [Bug 202334] New: Using a combination of var() and color() and transitions fails to work

[bugzilla-daemon at webkit.org]

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

            Bug ID: 202334
           Summary: Using a combination of var() and color() and
                    transitions fails to work
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Macintosh
                OS: macOS 10.14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ali at alibosworth.com

In our web-app we are trying to define some colors as both normal RGB values and wide-gamut via `color(display-p3....)`.  We are hitting a situation where the color is not rendered at all.  We've reproduced as a test case and it seems to require the following factors: CSS variables being set and used + color() definition + transition on the element.  In our web-app it fails in that situation however, frustratingly, in our test-case it also requires the dev tools pane to be open as well.  Moving the style definitions inline into the test case also causes it to not break.

Here is the test case: https://mellow-blanket.glitch.me

Reproduction:

1) Open https://mellow-blanket.glitch.me in Safari
2) Open dev tools

Expected: all squares have a blue background
Result: 7th square has no background

I found an existing reference to this issue here: https://twitter.com/eldh/status/1170420603402240002

-- 
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/20190927/52e378b4/attachment.html>