Microsoft/monaco-editor
View on GitHub[Bug] CSS Property value not highlighted when colon followed with newline
Open
#3,079 opened on Apr 20, 2022
bugcsshelp wantedlanguages-basic
Repository metrics
- Stars
- (14,836 stars)
- PR merge metrics
- (Avg merge 6h 26m) (15 merged PRs in 30d)
Description
Reproducible in vscode.dev or in VS Code Desktop?
- Not reproducible in vscode.dev or VS Code Desktop
Reproducible in the monaco editor playground?
- Not reproducible in the monaco editor playground
Monaco Editor Playground Code
// The Monaco Editor can be easily created, given an
// empty container and an options literal.
// Two members of the literal are "value" and "language".
// The editor takes the full size of its container.
monaco.editor.create(document.getElementById('container'), {
value: `<style>#abc {
grid-template-areas:
"abc"
"hi";
}</style>`,
language: 'html'
});
Actual Behavior
Notice how the stings aren't highlighted.
Expected Behavior
The strings should be highlighted.
Additional Context
This is valid CSS and is used in CSS Grid: https://www.freecodecamp.org/learn/responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property. This problem occurs only when the colon is immediately followed by a newline.