ERROR: Seleccionar el color de fondo inicial no funciona
Hola @tranthanhhoa y @RJCAM, El error solo aparece cuando se selecciona específicamente un valor de color de fondo de '#000000'. Al rastrearlo, se debe a que el valor por defecto de la propiedad de ''color de fondo'', ''ninguno'' está establecido como '''' por la entrada de color. Más tarde se convierte en '#000000' p...
Lee la respuesta completa abajo ↓Pregunta
Versión: 0.16.18
Error: Seleccionar el color de fondo inicial no funciona
Cómo reproducirlo: https://imgur.com/xqkt46E
En realidad:
- El trasfondo del componente no cambia.
Esperado:
- El fondo del componente debe cambiar a #000000
¡Gracias @artf!
Respuestas (3)
Hola @tranthanhhoa y @RJCAM,
El error solo aparece cuando se selecciona específicamente un valor de color de fondo de '#000000'.
Al rastrearlo, se debe a que el valor por defecto de la propiedad de ''color de fondo'', ''ninguno'' está establecido como '''' por la entrada de color. Más tarde se convierte en '#000000' por el selector de color, mientras que su valor real es 'rgba(0, 0, 0, 0)' (o 'transparente').
El valor actualizado se compara con el valor almacenado del selector de color al cambiar, y no se hace nada si son iguales (por eso solo fallan al ponerlo en '#000000').
Creo que esto debería solucionarse configurando el valor por defecto de la propiedad de 'color de fondo' en 'transparente'. Lo que también debería permitir eliminar el manejo especial del valor 'ninguno' en el 'ColorInput'.
Como siempre, estaré encantado de abrir un registro personal si esto te parece bien :).
@tranthanhhoa no puedo reproducir este error en la demo (igual que tú), funciona bien aquí, mira esto:
¿Qué hacías antes?
El valor por defecto de la propiedad de color de fondo, Transparente, me funcionó. ¡Muchísimas gracias @mcottret!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #5691
Deshacer no funciona al seleccionar color de fondo o texto a través del selector de color
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 122.0.1 Enlace de demo reproducib...
Issue #2766
[BUG] Configurar el color de fondo a table/table-cell en Firefox no funciona
Hola ¿Dónde puedo reproducirlo? En la URL de la demo: https://grapesjs.com/demo-newsletter-editor.html Información del navegador: Firefox 7...
Issue #2567
[INSECTOS] No se puede cambiar el color de fondo de un componente en Firefox
Versión: 0.15.10 Bug: No se puede cambiar el color de fondo de un componente en Firefox (v73.0) Cómo reproducirlo: Ir a https://grapesjs.co...
Issue #5442
Después de aplicar el color del texto, no se puede establecer el color de fondo
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https:...
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.