nested element styles crash
Open
- Dominant language
- JavaScript
- Stars
- 6.5k
- Forks
- 183
- Avg merge
- 4h 10m
- Merged PRs (30d)
- 3
Description
If a dynamic value is placed inline with an element, a nested css block will throw an error.
```imba
name # throws error
css c:cooler5
"name" # no error
css c:cooler5
name # no error
css c:cooler5
"{name}" # no error
css c:cooler8
```
ERROR:
```
× failed with 1 errors [
{
detail: undefined,
location: {
column: 4,
file: 'app/client.imba',
length: 3,
line: 83,
lineText: '\t\t\t\tcss c:cooler5',
namespace: 'file'
},
notes: [],
text: "[imba] Unexpected 'CSS'"
}
```
Contributor guide
Research direction
Start by reproducing the nested CSS examples in app/client.imba, especially the inline dynamic value case that reports Unexpected 'CSS'. Compare it with the quoted and multiline examples; done means the inline form no longer crashes while the other examples continue to compile.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- compilers, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100