Bug 211436

Summary:

Web Inspector: CSSAgent always returns variable names lowercase; must be case-sensitive

Product:

WebKit

Reporter:

Nikita Vasilyev <nvasilyev>

Component:

Web Inspector

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

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=211459

Attachments:

Description	Flags
Screenshot of confirmed fix	none

Nikita Vasilyev

Reported 2020-05-04 23:35:24 PDT

CSS variable names are case-sensitive. CSSAgent.getMatchedStylesForNode() and CSSAgent.getInlineStylesForNode() returns variables always in lowercase. Steps: 1. Open data:text/html;,<body style="--lineWidth:5;border-top:calc(var(--lineWidth)*1px) solid magenta"> 2. Inspect body 3. Change --lineWidth value to 10 Expected: The border is 10px wide now. Actual: The border is no longer visible. <rdar://61711536>

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

Nikita Vasilyev

Comment 1 2020-05-04 23:38:15 PDT

I'd appreciate any tips here. I'm not seeing any lowercase conversions in WebCore/inspector/agents/InspectorCSSAgent.cpp. I'm looking at WebCore/css now.

Razvan Caliman

Comment 2 2023-06-07 03:57:33 PDT

Created attachment 466611 [details] Screenshot of confirmed fix This was fixed some time ago. The backend returns variable names in correct case.

Note You need to log in before you can comment on or make changes to this bug.