[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