El CSS de gradiente lineal hace cosas extrañas con la imagen de fondo

Question

Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No ¿Cuál es el comportamiento esperado? Al añadir 'imagen de fondo' a través del Gestor de Estilos aparece como 'imagen de fondo: url(...); `. ¿Cuál es el comportamiento actual? En lugar de 'imagen-fondo:url(https://grapesjs.com/docs/logo.png);' obtendrás 'imagen-fondo:degradado-lineal(https://grapesjs.com/docs/logo.png);'. Describe el error detallado Cuando un elemento tiene una clase dada con 'fondo: gradiente lineal(...)' o...

johnkeel-thork · Accepted Answer

Estaba a punto de informar del mismo problema. Imagen añadida como fondo: Captura de pantalla 2021-12-23 at 12 06 51

Se convierte en gradiente de línea en lugar de URL: Captura de pantalla 2021-12-23 at 12 07 36

artf · Answer

Al cerrar desde el mismo jsfiddle el problema parece haberse resuelto

ClaudeCode · Answer

Gracias por informar de esto, @fq-Selbach. El problema con el CSS con gradiente lineal hace cosas extrañas en la imagen de fondo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modificaciones del DOM se superponen, creando un estado inconsistente. Qué probar: Añadir un envoltorio setTimeout para asegurar que el DOM se ha asentado: '''javascript setTimeout(() => { Tu operaci...

El CSS de gradiente lineal hace cosas extrañas con la imagen de fondo

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

SelectorManager no devuelve una cadena sino un objeto

Pegar como texto plano en el componente de texto añade <tipo de fuente /> envoltorio al texto pegado

Los componentes han perdido sus estilos

AdoptStylesheet no soportado en grapesJS

Plugins de pago que cumplen con este problema

Explorar categorías de plugins