Actualizar a GrapesJS v19.5 desde la v18.4 hace que Chrome deje de responder

Versión GrapesJS

• Confirmo que uso la última versión de GrapesJS

¿Qué navegador usas?

Chrome 104.0.5112.79

Enlace de demo reproducible

https://jsfiddle.net/gvrnw2c3/4/

Describe el bicho

¿Cómo reproducir el bicho?

Actualmente no puedo reproducir el error usando jsfiddle, lo que me hace pensar que es un problema de Chrome, pero seguiré intentando reproducirlo.

_Within mi proyecto tal y como se muestra en el vídeo:

1. Haz clic en un componente de 'texto condicional' (tipo de componente personalizado que he añadido)
2. Haz clic en el botón 'Abrir condicionales' y, dentro del diálogo que aparece en pantalla, haz clic en 'Aplicar'
3. Pasar el cursor sobre el componente 'texto condicional'

In JSFiddle (actualmente no se bloquea, pero seguiré probando):

1. Haz clic en el componente de texto 'Hola Mundo'
2. Haz clic en el botón 'Convertir a condicional' al final de la página
3. Haz clic en el componente 'texto condicional' recién creado (con el texto "Abrir condicionales para elegir texto")
4. Haz clic en el botón 'Cambiar condicional' al final de la página
5. Mover el cursor sobre el componente 'texto condicional' (actualmente no se bloquea, pero seguiré probando)

¿Cuál es el comportamiento esperado?

La app debería seguir funcionando con normalidad (funciona bien en GrapesJS v18.4)

¿Cuál es el comportamiento actual?

Toda la pantalla se bloquea en cuanto el cursor pasa sobre el componente de 'texto condicional' y, tras unos 5 segundos, aparece lo siguiente:

<img width="455" alt="Captura de pantalla 2022-08-03 at 18 15 14" src="https://user-images.githubusercontent.com/67364267/182594957-2cc8e70b-42c4-452e-b29e-b02d77e9821c.png">

Aquí tienes la captura de pantalla del número:

https://user-images.githubusercontent.com/67364267/182598233-29209c1b-b99e-438c-9d9a-3e46dd750a31.mov

Tras un poco de depuración (sin éxito), también encontré lo siguiente:

Las frases comentadas en los siguientes métodos (que se activan al pulsar el botón 'Aplicar' como se ve en el vídeo) parecen ser las responsables del fallo. Cabe mencionar que todas estas líneas, cuando no se comentan, afectan a la apariencia del componente en el lienzo (es decir, cambian el texto visible), así que quizá tenga que ver con la vista del componente que se está renderizando. Las otras líneas que aparecen a continuación no provocan el accidente:

applyIfCondition(conditionCode, conditionObjects) {
      const selectedComponent = this.editor.getSelected()
      if (selectedComponent.isInstanceOf("texto-condicional")) {
        console.log(condiciónCode, ... condicionesObjetos)
        selectedComponent.addAttributes({ liquidtag: "if" })
        selectedComponent.components(conditionCode)
        selectedComponent.set ("conditionObjects", conditionObjects)
        selectedComponent.set("isNew", false)
        selectedComponent.getView().render()
      }
    },
    selectIfCondition(displayText, selectedIndex) {
      const selectedComponent = this.editor.getSelected()
      if (selectedComponent.isInstanceOf("texto-condicional")) {
        console.log(displayText, selectedIndex)
        selectedComponent.set ("displayedText", displayText)
        selectedComponent.set ("selectedConditionIndex", selectedIndex)
        selectedComponent.getView().render()
      }
    },

Así que son las siguientes líneas las que parecen causar el fallo, por lo que he podido ver hasta ahora: si elimino los comentarios de alguna de estas líneas de los métodos, el texto dentro del componente cambia al hacer clic en aplicar y el cierre ocurre al pasar el cursor sobre el componente:

'selectedComponent.components(conditionCode)' 'selectedComponent.getView().render()' 'selectedComponent.set ("displayedText", displayText)' 'selectedComponent.getView().render()'

N.B. El componente personalizado de 'texto condicional' en mi proyecto es el mismo que en el jsfiddle: he intentado reproducir el error simplificando el resto del código (no quería copiar toda la lógica de mi proyecto), pero el código que importa sigue siendo executed.

Por favor, házmelo saber si necesita más información.

Código de conducta

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