Las ediciones CSS no se mantienen en el DOM

Versión GrapesJS

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

¿Qué navegador usas?

Versión de Chrome 109.0.5414.87

Describe el bicho

¿Cómo reproducir el bicho?

1. Crear una animación @keyframes en el lienzo GrapesJS

@keyframes appear_1234{
  0%: {opacidad:0};
  100%: {opacidad:100%}
}

En JS, crea una nueva CssRule pasando la siguiente cadena al editor. Css.addRules:

let updatedRule = '@keyframes appear_1234{
  0%: {opacidad:0};
  100%: {opacidad:90%};
}`

3. Añádelo al lienzo: 'editor. Css.addRules(updatedRule)'

¿Cuál es el comportamiento esperado? El DOM debería actualizarse

¿Cuál es el comportamiento actual? El DOM no se actualiza. SIN EMBARGO, si llamo a 'editor.getCss()', puedo ver que el valor correcto de opacidad está devolviendo.

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo:

función setup(){
    sea inicialAnimation = '
    @keyframes appear_1234{
        0%: {opacidad:0};
        100%: {opacidad:100%}
      }
    `
    editor. Css.addRules(animationInitial);
}

function update(){
    sea updatedAnimation = '
    @keyframes appear_1234{
        0%: {opacidad:0};
        100%: {opacidad:90%}
      }
    `
    editor. Css.addRules (animación actualizada);
}

setup()
actualización()
El DOM no se actualiza.

Sin embargo, la cadena CSS se actualiza
editor.getCss()

Código de conducta

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