1838026 - InspectorUtils.getCSSStyleRules does not return nested rules

Status: RESOLVED WORKSFORME

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

Description

[Nicolas Chevobbe [:nchevobbe]]

With the following "page":

<style>
html {
  & body {
    #nested {
      color: cyan;
    }

    & > div {
      color: tomato;
    }
  }

  [id="nested"] {
    color: gold;
  }
}

div {
  color: green;
}
</style>

<div id="nested">Element targetted by nested rule</div>

InspectorUtils.getCSSStyleRules(document.getElementById("nested")) does not return the expected rules

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Attachment: WIP: Bug 1838026 - [devtools] Demonstrate getCSSStyleRules issue with nested rules

Depends on D180701

Comment 2

[Nicolas Chevobbe [:nchevobbe]]

Patch on Bug 1835062 seems to fix this issue.
Let's keep this bug open until the other one lands

Comment 3

[Nicolas Chevobbe [:nchevobbe]]

Works fine now that Bug 1835062 landed, closing