[Webkit-unassigned] [Bug 226875] New: Web Inspector: CSS variables not handled as case sensitive
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Jun 10 06:01:00 PDT 2021
https://bugs.webkit.org/show_bug.cgi?id=226875
Bug ID: 226875
Summary: Web Inspector: CSS variables not handled as case
sensitive
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: rcaliman at apple.com
CC: inspector-bugzilla-changes at group.apple.com
Created attachment 431066
--> https://bugs.webkit.org/attachment.cgi?id=431066&action=review
Web Inspector with different case CSS variables
>From https://www.w3.org/TR/css-variables-1/
Unlike other CSS properties, custom property names are case-sensitive.
EXAMPLE 2: While both --foo and --FOO are valid, they are distinct properties - using var(--foo) will refer to the first one, while using var(--FOO) will refer to the second.
---
Web Inspector lowercases all CSS custom property names and this influences behavior.
For example:
```
div {
--color: green;
--COLOR: red;
color: var(--color);
}
```
Variables are mistakenly marked as overwritten in Styles pane.
Variables with different case are not shown in Computed pane > Variables section.
(Resolving variable names to their value is handled correctly, though).
--
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/20210610/2ecd698f/attachment.htm>
More information about the webkit-unassigned
mailing list