Bug 178636

Summary:	Web Inspector: Styles: Make inline widgets work with CSS functions (var(), calc(), etc.)
Product:	WebKit	Reporter:	Nikita Vasilyev <nvasilyev>
Component:	Web Inspector	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	inspector-bugzilla-changes, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	WebKit Nightly Build
Hardware:	All
OS:	All
See Also:	https://bugs.webkit.org/show_bug.cgi?id=178404

Description Nikita Vasilyev 2017-10-21 15:30:02 PDT

Web Inspector doesn't show inline widgets (WI.InlineSwatch) for colors, gradients, cubic-bezier and spring function
if they are or have CSS function (such as calc, var, or min/max) in them.

For example, Web Inspector doesn't currently shows color picker for `color: var(--text-color)`.

None of these functions can parse CSS variables, calc() or min/max() correctly:

    WI.CubicBezier.fromString
    WI.Spring.fromString
    WI.Color.fromString
    WI.Gradient.fromString

E.g.:

    -> WI.Color.fromString("linear-gradient(#fff2db, var(--myVar))")
    <- null

Comment 1 Radar WebKit Bug Importer 2017-10-21 15:30:24 PDT

<rdar://problem/35112177>