¿Estás usando la última versión (las versiones antiguas NO están soportadas)? Sí ¿Te enfrentas al error con tu copia local de GrapesJS o con la demo actual? LocalSO: ArchlinuxNavegador: Firefox 74.0 y Firefox developer edition 75.0b11Uvas: v0.16.3 ¿Cuál es el comportamiento esperado?El resaltado debe actualizar su pos...
artf
Sí, muy raro, mi primera suposición fue que las barras de barras de Canvas no se actualizaban en la ventana 'desplazarse', así que he intentado crear un ejemplo que no sea pantalla completa con una página larga, pero me he dado cuenta de q...
tomaskallup
¡Hola, gracias por la respuesta! Firefox no parece ser el problema aquí (el mismo comportamiento en Chrome) ! imagen Además, el repositorio de replicación funciona en ambos navegadores sin el error. No estoy cargando nada en iframe (esto e...
tomaskallup
@artf creo que he encontrado la causa, nuestro elemento raíz '<div id="❤">' tiene este estilo: '''css #❤ { Altura: 100vh; pantalla: flex; } ``` ¡Añadir eso al repositorio de reproducción hizo que apareciera el problema! (Quitar el 'flex' p...
¡Antes que nada, gracias por todo tu esfuerzo en el proyecto! Este es un proyecto muy bueno del que depende mucha gente, así que gracias por tu esfuerzo. Esto es raro, pero la idea básica es que mover el ratón rápidamente al hacer clic en un elemento puede hacer que el creador se quede congelado. Esto no siempre es un...
artf
Hola @mazuschlag y gracias por tus amables palabras. Sobre el problema, ¿podrías explicar mejor el comportamiento de 'hacer clic y mover'? ¿Debería seleccionar un componente y mover solo el ratón? Hubo un problema al mover componentes que...
mazuschlag
Hmm, eso sí que suena un poco al problema que estaba experimentando. Esto implica mantener pulsado el clic izquierdo del ratón mientras arrastras rápidamente un componente antes de soltarlo. Esto ocurre cuando trabajas rápido: haces clic e...
artf
@mazuschlag entonces, ¿usas una versión antigua o la última de uvas? No puedo reproducirlo en la última versión
Versión: Última: V-0.16.3. importante: Actualiza de la v-0.15.9 a la v-0.16.3 mientras mantienes todo igual, el error aparecerá en consola: Este error muestra que hay un error en la función 'getFrameOffset', cerca de la posición: 'e.ownerDocument.defaultView.frameElement': Consulte Esta línea de código Comprobar la pi...
emilsedgh
Estoy de acuerdo en que esto debe reabrirse y arreglarse dentro de la función de destrucción.
emilsedgh
¡Gracias@artf! 🙏
artf
Gracias por el informe @wemod123 ¿Puedes crear una demo en directo reproducible del problema?
¿Alguien más está teniendo este problema? ¿O lo ha resuelto? Editar en una tableta parece razonable. Al usar un dispositivo móvil no consigo que el teclado se muestre al intentar editar un campo de texto. Ni siquiera usar el plugin de Grapes Touch ayuda. Aquí hay un ejemplo: http://jsfiddle.net/v9kecdpz/
bgrand-ch
Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...
darylamonica
¿Hay algo más que pueda hacer para obtener una respuesta? Incluí una demo de jsfiddle. Muchas preguntas respondidas no tienen un ejemplo. Entonces, ¿qué estoy haciendo mal?
artf
Proporciona más información sobre el dispositivo (sistema operativo, navegador, etc.)
Hola, Puedes consultar este ejemplo: https://codepen.io/abozhinov/pen/XWbqjEJ Pasos para reproducir el problema:Si existen componentes, elimínalos todos.Arrastra un nuevo bloque de carrusel. Selecciona el primer recipiente para niños.Haz clic en el icono DUPLICADO para crear un nuevo componente.Después de eso, intenta...
abozhinov
Cuando sobrescribes estos dos métodos en el comando 'select-comp', todo funciona perfectamente. El problema era que "el" no existe en el DOM. ` onHovered(em, component) { Sea el resultado = {}; si (componente) { const { view } = component;...
abozhinov
El mismo resultado que puedes obtener cuando el trigger renderiza en vez de reiniciar.
abozhinov
@artf si lo pruebas en la demo es igual. Solo tienes que arrastrar el carrusel y hacer clic en la diapositiva. <img width="1440" alt="Captura de pantalla 2020-03-16 at 14 58 23" src="https://user-images.githubusercontent.com/1404839/767606...
¡Hola @artf Tengo una pregunta sobre Asset Manager. Al subir una imagen desde el ordenador o la URL puedes crear bloques de imagen con el comando del panel izquierdo y editarlos con doble clic, todo parece funcionar perfectamente. Pero cuando intento lo mismo en un iPad o en un dispositivo con Touch no funciona; usé e...
bgrand-ch
Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...
Hola, Estamos teniendo un problema importante: nuestros diseños usan grandes cantidades de 'display: flex; columna: flex-direction;', y esto está causando un lag extremo en los navegadores Chrome y Safari (no Firefox). Si el estilo de 'dirección flexible' está configurado en 'row', no hay ralentización alguna. Ejemplo...
artf
Sí, definitivamente es más lento, no sé qué está pasando realmente, pero a primera vista podría ser esta función la que comprueba si el componente es un bloque (por ejemplo, div) o un elemento en línea (por ejemplo, span). https://github.c...
Hola, ¿hay alguna forma de establecer el ancho de un modal? Actualmente está configurado a 850px por CSS, pero me gustaría crear un diálogo con poca cantidad de texto y es demasiado grande para esto: ! imagen Pero sería genial conseguir esto: ! imagen Sin anular el CSS, porque aún me gustaría usar modales grandes. He...
ronaldaug
Para quienes no saben cómo usar los 'atributos' modales. Puedes añadir la opción 'opts.attributes' al método open de modal como se indica a continuación. '''javascript const modal = editor. modal; const opts = { atributos: { Clase:'Mi-Clas...
kaoz70
Vale, lo que estoy pensando es crear una función que pueda establecer el ancho como: setWidth('400px'), y también un método para establecer atributos personalizados: setAttributes({'data-custom-attribute': 123}). Creo que se necesitan 2 fu...
kaoz70
Hola, siento que ahora esté cargado de trabajo, si @sunnykgupta intentarlo sería genial.
Se ha añadido una clase personalizada a simple grapesjs proyecto: Si no hay dispositivos y el usuario añade la clase en el campo selector El sector Configuración se actualiza correctamente su propiedad de tamaño de fuente. <img width="1440" alt="Captura de pantalla 2020-02-19 a las 2:33 50 AM" src="https://user-images...
artf
Desafortunadamente, esto se debe a cómo funciona 'getComputedStyle', que devuelve valores resueltos, por lo que usar 'rem' en lugar de 'px' "confunde" el valor. Ahora mismo no tengo planes de solucionar este problema, pero agradecería much...
artf
Esto debería solucionarse en la última versión https://github.com/artf/grapesjs/releases/tag/v0.18.1
Si cambio el estado de la visibilidad del BTN, GJS elimina el estilo de pantalla y luego, cuando hago clic en "mostrar capa", no restaura el estilo de visualización. Creo que es un error. GJS debería guardar las opciones de la pantalla actual en el botón de visibilidad de capas, haz clic para restaurarla.
artf
Estoy de acuerdo 👍
h3llomoto
Vale, chicos, he encontrado un corrección rápida para este problema si necesitáis: '''javascript sea itmView = editor. LayerManager.getAll(); itmView.proto.toggleVisibility = función(e) { e & & e.stopPropagation(); modelo const = este.mode...
artf
Gracias @h3llomoto la lógica es totalmente correcta, haré el mismo cambio pero un poco más idiomática