Bug 211459 - Web Inspector: CSS variables with uppercase characters don't show up in Computed
Summary: Web Inspector: CSS variables with uppercase characters don't show up in Computed
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-05-05 11:51 PDT by Nikita Vasilyev
Modified: 2023-06-07 03:50 PDT (History)
3 users (show)

See Also:

Attachments
Screenshot of confirmed fix (593.79 KB, image/png)
2023-06-07 03:50 PDT, Razvan Caliman 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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>
```