HTML parser lowercases tag names that collide with native HTML elements (affects Svelte/Vue)
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 58/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Tranquilo
- Stack tecnológico
- html, typescript
Línea de trabajo
Start by locating the @figma/code-connect/html tagged-template parser and trace where it lowercases native element names. Compare handling of Select and Textarea with TextField using the issue’s examples. Done means component names that collide with native HTML elements retain PascalCase in the generated output while native lowercase tags remain unchanged.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Feature Request
The html tagged template from @figma/code-connect/html lowercases tag names that match native HTML elements (e.g., <Select>, <Textarea>), while custom element names like <TextField> preserve their PascalCase.
For frameworks like Svelte and Vue, <Select> and <select> are semantically different — the former is a component, the latter is a native element.
Current output: <select bind:value />
Desired output: <Select bind:value />
Note: Non-native tag names like <TextField> correctly preserve PascalCase.
Use Case
We use Code Connect with parser: "html" and label: "Svelte" for our Svelte 5 design system. Components named Select and Textarea display as native HTML elements in the Dev Mode code panel, which is confusing for developers.
Environment
@figma/code-connectv1.4.2figma.config.json:{ "parser": "html", "label": "Svelte" }
- Lenguaje dominante
- TypeScript
- Estrellas
- 1.6k
- Forks
- 126
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
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 figma/code-connect
-
normalizePropName strips `#` characters from Figma property names instead of only the `#id` suffixAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
figma/code-connect#419 ·
-
feature request
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
figma/code-connect#403 ·
-
feature request
Dificultad 5/5 Más de una semana Aptitud para principiantes 38/100
figma/code-connect#414 ·
-
feature request
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
figma/code-connect#413 · 1 comentario ·
-
feature request
Dificultad 4/5 3-5 días Aptitud para principiantes 54/100
figma/code-connect#412 · 1 comentario ·
Todos los issues de figma/code-connect
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
jeanibarz/knowledge-base-mcp-server#1268 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 78/100
Koenkk/zigbee-herdsman-converters#13820 ·
Los mantenedores suelen responder en 2 días
-
A live recovery copy treats a large whole number and text with the same digits as the same valueAbiertobug sharing & sync
Dificultad 2/5 1-3 horas Aptitud para principiantes 64/100
Los mantenedores suelen responder en 1 día
-
[prefer-expect-resolves] autofix leaves a stray ")" when the awaited expression is parenthesizedAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
jest-community/eslint-plugin-jest#2052 ·