1011672 - insertRule doesn't show up in Style tab

Status: NEW

(DevTools :: Style Editor, defect, P3)

Description

[Luke]

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:29.0) Gecko/20100101 Firefox/29.0 (Beta/Release)
Build ID: 20140428193813

Steps to reproduce:

insertRule on a stylesheet (https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet.insertRule)

View the stylesheet in Style tab



Actual results:

It doesn't seem to show any differences for added/removed styles (and it showed -1 in line number in inspector?)


Expected results:

It should (at least have option to) show what the stylesheet effectively is, not what is from disk/request.

Comment 1

[Patrick Brosset <:pbro>]

The inspector and the style-editor show the CSS as it was authored (so from disk/request), and doesn't deal very well (if at all) with changes made via the CSSOM API (insertRule and the likes).
I think bug 1196250 would help.

Comment 2

[Dennis Schubert [:denschub]]

I'm adding this issue to the devtools-webcompat-team metabug because I just ran int this while diagnosing a WebCompat issue, where an app added CSS rules to an empty inline style tag with insertRule, and I wanted to inspect other rules in context of the whole stylesheet.

Even though I'm adding this to the metabug, this has a super low priority. If I recall correctly, this is the first time I've stumbled across it, and while it confused me for a bit, I don't think we'd save any significant time by having proper DevTools-support here.

Also, thanks to :nchevobbe, who helped me figure out what's going on there.

Comment 3

[Nicolas Chevobbe [:nchevobbe]]

We might have a similar solution to what we'll do for constructable stylesheets in Bug 1809108