La forma del analizador CSS no permite definir la propiedad CSS más de una vez.

Versión GrapesJS

• Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Cualquiera

Enlace de demo reproducible

https://grapesjs.com/demo.html

Describe el bicho

El bicho está relacionado con 'ParserCss.js'. https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserCss.js#L7-L8

El analizador espera que los resultados se almacenen en un array de un objeto hash que contenga una cadena select y un objeto hash de estilo (y otros argumentos de consulta multimedia).

Ejemplo de resultado:

'''js [ { selecciona: "div, a, .a.b.c", //algún selector con separador de coma. estilo: { imagen de fondo: URL (IMG/gradient.png); } } ]

Esto impide que CSS tenga la misma propiedad definida más de una vez, y esto es necesario para una mejor compatibilidad hacia atrás. El CSS es válido, pero el editor no podrá generar el HTML correcto.

## Ejemplo de CSS

div, a, a.b.c { imagen de fondo: URL (IMG/gradient.png); imagen de fondo: -webkit-degradado lineal (hacia abajo, #dddddd, #aaaaaa); imagen de fondo: -moz-gradiente lineal(al final, #dddddd, #aaaaaa); imagen de fondo: degradado lineal (al fondo, #dddddd, #aaaaaa); }

### Paso para reproducirse en la demo:
Suelta un bloque personalizado
Inserción
'''html
<div style=" imagen-fondo: url(img/gradient.png); imagen-fondo: -webkit-linear-gradient(hacia abajo, #dddddd, #aaaaaa); imagen de fondo: -moz-linear-gradient(hacia abajo, #dddddd, #aaaaaa); imagen de fondo: degradado-lineal(hacia abajo, #dddddd, #aaaaaa);">
     Hola
</div>

Exportar a HTML

Comportamiento esperado: Todo el estilo CSS debe estar disponible en HTML en el orden correcto

Comportamiento actual: Solo se exporta una de las 'imágenes de fondo'.

https://user-images.githubusercontent.com/5863227/178131872-13726a77-5264-4d2a-9131-ed1e205387a2.mp4

Código de conducta

• Acepto seguir el Código de Conducta de este proyecto