[Bug]: Badly formatted SVG in the playground
@danieljcafonso ya está trabajando en esto.
Desde el 3/7/2026.
Evaluación
Este issue todavía no se ha evaluado.
Descripción
📝 Issue Description
The SVG provided in the JSX tutorial raises a linter error. If this is intentional, it's clever, but as-is, it's a bit confusing.
Here's the SVG provided:
<svg height="300" width="400">
<defs>
<linearGradient id="gr1" x1="0%" y1="60%" x2="100%" y2="0%">
<stop offset="5%" style="stop-color:rgb(255,255,3);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
</linearGradient>
</defs>
<ellipse cx="125" cy="150" rx="100" ry="60" fill="url(#gr1)" />
Sorry but this browser does not support inline SVG.
</svg>
This raises a linter error, https://snipboard.io/Djn564.jpg "Use an object for the style prop instead of a string.
eslint(solid/style-prop)". The preferred format is apparently style={{ "stop-color" : "rgb(255,255,3)", "stop-opacity" : "1" }}.
📋 On which page(s) it occurs
https://www.solidjs.com/tutorial/introduction_jsx
🤔 Expected Behavior
I expected the SVG to be to-par. I found it an interesting exercise to repair the SVG to linter standard. That being said, the linter error is non-obvious, and so may be inappropriate for an Introduction.
👀 Current Behavior
https://snipboard.io/Djn564.jpg
🖥️ Browser
Chrome 149.0.7827.114
📄 Additional Information
No response
- Lenguaje dominante
- MDX
- Estrellas
- 292
- Forks
- 361
- Merge medio
- 7 h 51 min
- PR fusionados (30 d)
- 1
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de solidjs/solid-docs
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
solidjs/solid-docs#1635 ·
-
[Content]: Cloudflare Workers Abiertogood first issue solid solidstart
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
solidjs/solid-docs#1522 ·
-
pending review
solidjs/solid-docs#1637 · 1 asignado ·
-
help wanted
solidjs/solid-docs#1636 · 5 comentarios ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 52/100
solidjs/solid-docs#1630 · 1 comentario ·