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 | ||
Nikita Vasilyev
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/35112177>