Issue #1599💬 RespondidoAbierto el 20 de noviembre de 2018por 00salmonReacciones 0

Arrastrar y soltar el renderizado incorrecto

Respuesta rápidapor artf

Parece que el problema se debe a los diferentes "nodos de texto" vacíos que tienes en tu JSON. ¿Cómo se obtiene esa estructura?

Lee la respuesta completa abajo ↓

Pregunta

Versión 0.14.40

  1. Haz clic en "Continuar"
  2. Seleccione el encabezado "¡Te has registrado con éxito!" (sqh-header)
  3. Arrastra el bloque de cabecera entre "Da 10 $ y recibe 10 $" y el texto de abajo
  4. el encabezado sqh aparece visualmente encima del encabezado Give $10, pero debajo del encabezado Give $10 en el gestor de capas
  5. Arrastra el encabezado de sqh debajo de "Rewards Dashboard" de vuelta a "form-component"
  6. el encabezado de sqh aparece visualmente encima de "Panel de recompensas", pero abajo en la sección de capas

No pude reproducir este error con la demo y no consigo averiguar cuál es el problema. He probado varias versiones de grapesjs y el error aparece cada vez.

Probado en https://jsfiddle.net/00salmon/ocbxqm91/ usando Chrome

Respuestas (3)

artf21 de noviembre de 2018

Parece que el problema se debe a los diferentes "nodos de texto" vacíos que tienes en tu JSON. ¿Cómo se obtiene esa estructura?

00salmon21 de noviembre de 2018

Hola @artf,

Gracias por señalarlo. El JSON proviene de un ejemplo interno con más componentes y los bits que faltan debieron haberse convertido en nodos de texto vacíos.

He eliminado los nodos de texto vacíos en el jsfiddle, pero sigo teniendo el problema con el "cabecero sqh" que cae en el lugar equivocado. ¿Alguna otra pista?

¡Salud

artf21 de noviembre de 2018

Por favor, actualiza la demo en directo con JSON limpio

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.