Problemas con GrapesJS

GJS Helper

El TypeError: Cannot read properties of null (reading 'hasFocus') en el módulo GrapesJS Canvas es un problema conocido derivado de una condición de carrera. Ocurre cuando comandos de teclado (como Ctrl+Z, Eliminar) intentan llamar a editor...

artf

Similar a https://github.com/GrapesJS/grapesjs/issues/6705 No puedo crear ese tipo de condición de carrera (por ejemplo, seleccionar y eliminar mediante API) y en tu ejemplo estoy comprobando getRoot en un componente, pero no existe tal mé...

saeedhbi

Igual que https://github.com/GrapesJS/grapesjs/issues/6705#issuecomment-3921025039, el problema estaba en nuestra biblioteca externa que usaba GrapeJS y, como tuve la misma situación que el 6705, lo cerraré. Gracias por tu reseña.

GJS Helper

Esta TypeError: e.getRoot is not a function es una condición de carrera conocida dentro del Administrador de Estilos de GrapesJS, especialmente cuando los componentes se seleccionan rápidamente y luego se eliminan. Ocurre porque la lógica...

saeedhbi

Hola @artf, tras investigar más a fondo en la traza completa de la pila, descubrí que el error no está en GrapesJS. La llamada 'event.key.toLowerCase()' proviene de nuestro propio código de aplicación — un global 'window.addEventListener("...

artf

Hola @saeedhbi, ¿dónde ves exactamente 'event.key.toLowerCase()' en nuestro código? ¿Seguro que no viene de tu lado? Por desgracia, el jsfiddle no ayuda, parece que la IA está 😅 demasiado descuidada, ni siquiera carga el editor. ¿Quizá pu...

GJS Helper

El TypeError: Cannot read properties of undefined (reading 'toLowerCase') en el manejador de teclado de GrapesJSes un problema conocido que surge cuando ciertos eventos de teclado, especialmente los de los Editores de Métodos de Entrada (I...

GJS Helper

El problema que has encontrado es un error común al realizar manipulaciones sincrónicas de DOM o árbol de componentes dentro de GrapesJS eventos del ciclo de vida, especialmente cuando el UndoManager está activo. El problema principal radi...

GJS Helper

El problema que estás experimentando con preventDefault() no funciona para Ctrl+S y Ctrl+Shift+S en Microsoft Edge cuando el lienzo GrapesJS está enfocado es un reto común relacionado con cómo los navegadores gestionan eventos de teclado d...

GJS Helper

GrapesJS, por su naturaleza como creador web dinámico, depende de la inyección de estilos y la manipulación del DOM, lo que puede llevar a violaciones de la Política de Seguridad de Contenidos (CSP), especialmente con normas muy estrictas...

mdmontesinos

Me estoy enfrentando a un problema similar, donde el componente reañadido tiene la propiedad de estilos correctos: <img width="1112" height="17" alt="Image" src="https://github.com/user-attachments/assets/474011c4-b1be-48df-9aa8-14c3dcdfc6...

artf

@mdmontesinos tu uso no es correcto, los 'estilos' deben definirse en la definición de componentes, y no se espera que cambien. Además, es incorrecto usar IDs para la definición de componentes si se espera que el componente se reutilice, e...

mdmontesinos

@artf estoy usando un ID porque siempre habrá una instancia única de ese componente en mi proyecto. Mi caso de uso es que un componente está diseñado externamente para usarse como "fondo de fondo" y luego importado a proyectos que lo utili...

GJS Helper

Este es, de hecho, un informe de error válido. YouTube ha actualizado sus requisitos de incrustación y, sin el atributo referrerpolicy="strict-origin-when-cross-origin" en el iframe, los vídeos pueden fallar, mostrando un error o obligando...

padcom

Resulta que el segundo parámetro no siempre es el componente sino el emisor del evento, lo que significa que a veces es la colección de componentes que obviamente no tiene el método 'closestType()'. ¡Gracias @artf por explicármelo!

GJS Helper

Parece que puede haber un pequeño malentendido respecto al uso de component.closestType(). Después de revisar los pasos de reproducción y el código proporcionados, component.closestType efectivamente es una función en el objeto component p...

lexoyo

Supongo que es el ¿igual que este bug también?

pierodetomi

No creo que sea el mismo problema. En la que enlazaste, los elementos desaparecen, mientras que en mi caso el Gestor de Capas acaba en un estado en el que ya no puedes mover una capa. Podrían estar relacionados a un nivel superior como "pr...

GJS Helper

Este es un problema conocido en GrapesJS relacionado con cómo las instancias internas del Clasificador (usadas para arrastrar y soltar tanto en el Gestor de Capas como en el Canvas) mantienen su estado tras operaciones complejas de reorden...