Monaco-Editor: CSS syntax validation for CSS nesting
Open
Nobody has claimed this yet.
accepted
- Dominant language
- PHP
- Stars
- 1.5k
- Forks
- 246
- Avg merge
- 19h 2m
- Merged PRs (30d)
- 7
Description
Winter CMS Build
1.2
PHP Version
8.4
Database engine
MySQL/MariaDB
Plugins installed
None
Issue description
When using WinterCMS 1.2.12, the CSS editor marks nested CSS classes as errors.
Although the specification for nested CSS is still in the draft stage, it has been supported by all common browsers for a few years now.
It would be desirable for Monaco to also support widely used CSS syntax, even if it is not yet in its final state.
https://caniuse.com/css-nesting
Steps to replicate
Add nested CSS classes:
header {
color: green;
& h1 {
color: red;
}
}
Workaround
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue in the Monaco CSS editor using the nested CSS example from the report. Trace how CSS nesting is validated, then verify that the example is no longer marked as an error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100