Toast messages don't respect line breaks
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 38/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Comienza reproduciendo la llamada al plugin Toast del issue en una página del navegador usando pwa-elements y capacitor.js; después, sigue la implementación de PWA Toast que normaliza el texto de entrada. Confirma cómo se gestionan los caracteres de salto de línea y otros caracteres de whitespace, y verifica que los mensajes de toast conservan los saltos de línea sin analizar HTML.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
I can not figure out how to create line breaks in a toast message. When on Android, for example, I can use \n to insert a newline, which works great. However, the same messages are being flattened to one line in the PWA, which looks ugly. Is there a way to represent line breaks?
I'm submitting a ...
[x] bug report
[x] feature request
[x] support request
Current behavior:
All whitespace (\n, \t, multiple spaces in a row) in the input text of the Toast plugin seems to be normalized to a single space. When I try to use HTML line breaks like <br />, they are passed through un-parsed.
Expected behavior:
There should be a way to represent line breaks in the toast messages, like on other Capacitor-supported platforms. Ideally this should simply respect the \n character so toast works identically across platforms.
Steps to reproduce:
On a browser page with both pwa elements and capacitor.js, paste in the developer console:
window.Capacitor.Plugins.Toast.show({ text: "0m 11s spent on Meditate \n Meditate ➤ Workout \n Starting from 0m 0s", duration: '10000'}).then();
- Lenguaje dominante
- TypeScript
- Estrellas
- 171
- Forks
- 50
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la 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 ionic-team/pwa-elements
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
ionic-team/pwa-elements#135 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
ionic-team/pwa-elements#133 ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 55/100
ionic-team/pwa-elements#129 · 5 comentarios · 17 reacciones ·
-
Unable to use in esm package. Module not found: Can't resolve '@ionic/pwa-elements/loader/index.js'Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 38/100
ionic-team/pwa-elements#128 · 10 reacciones ·
-
feat: Possibility to translate in the camera plugin when it does not exist.Posiblemente ocupada @imfms la tomó hace 1732 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 48/100
ionic-team/pwa-elements#113 · 3 comentarios ·
Todos los issues de ionic-team/pwa-elements
Issues similares
-
enhancement good first issue help wanted
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
OWASP/cve-lite-cli#1335 ·
Los mantenedores suelen responder en 1 día
-
Windows: main-screen mouse tracking requires WT_SESSION, so it never enables inside herdr panesAbierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 66/100
code-yeongyu/senpi#3353 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
Los mantenedores suelen responder en 1 día
-
Channels status: needs triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
mastra-ai/mastra#27093 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
enhancement needs-triage ui
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
Los mantenedores suelen responder en 1 día