[Webkit-unassigned] [Bug 178636] New: Web Inspector: [PARITY] Styles Redesign: Make inline widgets work with CSS functions (var(), calc(), etc.)

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sat Oct 21 15:30:02 PDT 2017


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

            Bug ID: 178636
           Summary: Web Inspector: [PARITY] Styles Redesign: Make inline
                    widgets work with CSS functions (var(), calc(), etc.)
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: nvasilyev at apple.com
                CC: inspector-bugzilla-changes at group.apple.com,
                    webkit-bug-importer at group.apple.com

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

-- 
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/20171021/6b19b836/attachment.html>


More information about the webkit-unassigned mailing list