Bug 211459

Summary:

Web Inspector: CSS variables with uppercase characters don't show up in Computed

Product:

WebKit

Reporter:

Nikita Vasilyev <nvasilyev>

Component:

Web Inspector

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

inspector-bugzilla-changes, rcaliman, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

WebKit Nightly Build

Hardware:

All

OS:

All

See Also:

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

Attachments:

Description	Flags
Screenshot of confirmed fix	none

Description Nikita Vasilyev 2020-05-05 11:51:19 PDT

When CSS variable has any uppercase characters, it doesn't show up in the Computed panel. It works fine in Chrome.

Steps:
1. Open data:text/html;,<body style="--A:1;--b:2">
2. Inspect <body>
3. Open Computed panel
4. Expand Variables section

Expected:
--A: 1
--b: 2

Actual:
--b: 2

Notes:
This bug is significant because some people use camelCase for their variables.

Comment 1 Radar WebKit Bug Importer 2020-05-05 11:51:28 PDT

<rdar://problem/62897137>

Comment 2 Razvan Caliman 2023-06-07 03:50:06 PDT

Created attachment 466610 [details]
Screenshot of confirmed fix

This was fixed sometime ago.

Test case (run in the address bar)

```
data:text/html,<h1%20style="--A:1;--b:2">Test</h1>
```