977665 - CodeMirror does not syntax highlight selectors inside @-moz-document or @supports

Status: RESOLVED DUPLICATE of bug 1132557

(DevTools :: Style Editor, defect)

Description

[Jason Barnabe (np)]

Attachment: screenshot

Entering this code into Style Editor:

---
@-moz-document domain(google.com) {
    body { color: red; }
    #id { color: blue; }
}
@media media {
    body { color: red; }
    #id { color: blue; }

}
@supports (display: table-cell) {
    body { color: red; }
    #id { color: blue; }
}
body { color: red; }
#header { color: blue; }
---

The "body" and "#header" selectors inside @media and outside any other @-block get syntax highlighting - they turn different shades of blue. Inside @-moz-document and @supports, they are red.

Comment 1

[Ian Moody [:Kwan] (UTC+1)]

Fixing this in
https://github.com/codemirror/CodeMirror/pull/3065
and
https://github.com/codemirror/CodeMirror/pull/3066

Will open a dependant bug on upgrading CodeMirror if they get merged.

Comment 2

[Ian Moody [:Kwan] (UTC+1)]

This has now been fixed upstream in
https://github.com/codemirror/CodeMirror/commit/6b9511d11d227aa2b971d239b45ca698a3060714
and
https://github.com/codemirror/CodeMirror/commit/2d544462f25e5a0a622016d914725c6389742838

Will open bug for upgrading CodeMirror once 4.13 is released.