Open Bug 1262425 Opened 9 years ago Updated 2 years ago

Computed padding value doesn't appear in the computed-styles tab when the value comes from a css variable

Categories

(DevTools :: Inspector, defect, P3)

Product:
DevTools
Component:
Inspector
Type:
defect

Tracking

(Not tracked)

People

(Reporter: pbro, Unassigned)

References

Details

(Whiteboard: [btpp-backlog])

STR: - Open a new tab with this URL: data:text/html,<style>:root{--size:20px;} div {padding: var(--size);}</style><div></div> - Open the inspector, select the div, and switch to the computed tab ==> The padding value doesn't appear in the list of computed styles. It only appears if you switch the "browser styles" ON.
Filter on CLIMBING SHOES.
Priority: -- → P3
Whiteboard: [btpp-backlog]
Product: Firefox → DevTools
Component: Inspector: Computed → Inspector
Severity: normal → S3
Duplicate of this bug: 1400046
Duplicate of this bug: 1509619

from (dupe) https://bugzilla.mozilla.org/show_bug.cgi?id=1400046#c1 :

I found out that this bug only appears for shorthand properties. Longhands are displayed as expected.

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