Issue #2366💬 RespondidoAbierto el 1 de noviembre de 2019por benvmathesonReacciones 1

Text-shadow elimina los valores RGB cuando se selecciona el elemento

Respuesta rápidapor benvmatheson1

Parece que 'targetUpdated' se ejecuta dos veces cuando se hace clic en el elemento. Una vez con el valor correcto 'rgb(89, 89, 89) 5px 6px 7px' y otra vez con 'rgb' limpiado '0 5px 6px 7px'. Esto explicaría por qué está confuso si el primer o el último número debe interpretarse como el color. ¿Alguna idea de dónde pod...

Lee la respuesta completa abajo ↓

Pregunta

Ejemplo: https://jsfiddle.net/benvmatheson/g1ft06qh/8/

Importa un estilo con una propiedad de texto. 'Sombra-texto:rgb(51, 166, 58) 4px 4px 4px;'

Esto funciona correctamente y el objeto se muestra correctamente. Sin embargo, una vez seleccionado el elemento, el valor rgb se elimina y se reemplaza por 0. 'text-shadow:0 4px 4px 4px;'

Respuestas (3)

benvmatheson9 de noviembre de 2019

Parece que 'targetUpdated' se ejecuta dos veces cuando se hace clic en el elemento. Una vez con el valor correcto 'rgb(89, 89, 89) 5px 6px 7px' y otra vez con 'rgb' limpiado '0 5px 6px 7px'. Esto explicaría por qué está confuso si el primer o el último número debe interpretarse como el color.

¿Alguna idea de dónde podría salir esta segunda etapa?

artf2 de noviembre de 2019

Sí, ya soy consciente de este problema. Desafortunadamente, el analizador del Gestor de Estilos es bastante torpe y lo que hace es simplemente separar el valor por un separador, en este caso '' '' (espacio), y distribuir las divisiones a propiedades relativas según su orden en la definición. Así que, técnicamente, este cambio haría que funcionara '4px 4px 4px rgb(51, 166, 58)', pero... desafortunadamente no es así, y esto se debe a inconsistencia de CSSOM. Probablemente la "mejor solución", en este caso, sería cambiar la definición de propiedad de sombra de texto pero, siendo sincero, preferiría encontrar una solución más sólida. Un analizador un poco más inteligente podría ser un buen comienzo... Así que estoy abierto a cualquier sugerencia o ayuda para este problema

benvmatheson4 de noviembre de 2019

Esto parece que podría convertirse en un gran proyecto debido a dependencias entre navegadores. ¿Valdría la pena traer un módulo de terceros en vez de intentar resolver esto dentro de Uvas?

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.