Text-shadow elimina los valores RGB cuando se selecciona el elemento
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)
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?
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
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.
Issue #2196
[Bug] La selección de elementos de enlace no muestra barra de herramientas
Pasos para reproducir: añadir texto, seleccionar una palabra, hacer clic en el icono de enlace en el panel RTE, seleccionar un enlace. Comp...
Issue #660
Seleccionar función padre que no funciona cuando el elemento padre no es seleccionable
Hola @artf, tengo una pregunta sobre la función de seleccionar padres. No se puede seleccionar el elemento padre cuando el elemento padre n...
Issue #2355
[requisición] ¿Soporte para reglas en modo diseñador?
Sé que hay un hilo antiguo que sugiere el soporte para los Gobernantes (pero ya está cerrado). Solo me pregunto si hay alguna posibilidad d...
Issue #1434
Barra de herramientas Ocultar elemento de texto
@artf Por favor, comprueba que el texto de tu página de demostración esté oculto bajo la barra de herramientas. ¿Cómo podemos actualizar la...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.