1849979 - Invalid CSS properties in constructed stylesheet are not displayed in the rule view

Status: NEW

(DevTools :: Inspector: Rules, defect, P2)

Description

[Nicolas Chevobbe [:nchevobbe][PTO - back on October 21]]

Steps to reproduce

1. Navigate to data:text/html,<meta charset=utf8><style>h1 {colour: gold;}</style><h1>Hello</h1><script>const sheet = new CSSStyleSheet(); sheet.replaceSync("h1 { colour: red; }");document.adoptedStyleSheets = [sheet];</script>
2. Open the inspector and select the <h1> node

Expected results

There's 2 rules (one inline, one constructed), and both are showing a (invalid) colour property

Actual results

The rule from the constructed stylesheets does not show any property

---

This is an issue that was raised by the webcompat team. In this case (or CSSOM rules), they're not seeing unsupported properties, which makes the diagnosis harder