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

Question

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;'

benvmatheson · Accepted Answer

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?

artf · Answer

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...

benvmatheson · Answer

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

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

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

La selección de elementos de enlace no muestra barra de herramientas

Seleccionar función padre que no funciona cuando el elemento padre no es seleccionable

¿Soporte para reglas en modo diseñador?

Barra de herramientas Ocultar elemento de texto

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Super Tooltip para GrapesJS — Versión 0.1.5 Lanzada 🎉

GrapesJS en 2026: La guía completa del framework de construcción web de código abierto

Explorar categorías de plugins