Al arrastrar un elemento, un marcador de colocación engañoso
@AustinTBiggs no sé si es solo esto, pero tus enlaces tienen 'data-gjs-draggable=".menu nav.menu"' que en su lugar debería ser algo como 'data-gjs-draggable="nav.menu"'
Lee la respuesta completa abajo ↓Pregunta
Versión de GrapeJs: 13.8 Copia local JSFiddle: https://jsfiddle.net/austinbiggs/tgsykuq4/
Este error es un poco difícil de explicar, pero debería ser bastante sencillo de recrear.
Tengo enlaces de menú que están restringidos a arrastrarse dentro del padre '<nav>', pero al arrastrar, aparece un marcador de posición falso en la parte superior de la página, aunque soltar ahí no sirve ni está permitido.
El '<nav>' tiene 'droppable' configurado para permitir solo que los enlaces del menú se suelten dentro. Los enlaces solo se pueden arrastrar dentro de la '<nav>'.
Estas capturas muestran cómo aparece este problema en mi propio ejemplo. ! captura de pantalla 05-02-2018 a las 12:58 26 pm ! captura de pantalla 05-02-2018 a las 12:58 36 pm
Respuestas (3)
@AustinTBiggs no sé si es solo esto, pero tus enlaces tienen 'data-gjs-draggable=".menu nav.menu"' que en su lugar debería ser algo como 'data-gjs-draggable="nav.menu"'
@artf
Aunque no entiendo por qué es necesario ese cambio (es un selector válido), yo hice el cambio. Por desgracia, sigo viendo el problema.
He actualizado mi violín para mostrar esto
Con '.menu, nav.menu' ¿quieres decir que solo puedes arrastrar dentro de menús anidados, quizá debería ser '.menu, nav.menu'? Aquí está mi versión y funciona como se espera https://jsfiddle.net/wsn33167/
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1361
[Bug]: El marcador de posición de arrastre no debería ser visible cuando no hay objetivo
Estoy usando la última versión. Pasos para reproducirse:Configurar los grapesjs de tal manera que el envoltorio no sea dejable de caer.He c...
Issue #1298
[Bug] El editor interno no elimina un componente al seleccionarse desde el Administrador de Capas
Estoy usando la última versión de Grapejs y actualmente puedo recrear este número en la demo. El problema que tengo es cuando selecciono al...
Issue #1941
[BUG]: Al arrastrar un bloque sobre el lienzo, se añade JS en script, antes de soltar el bloque.
Estás enviando un BUG ¿Estás usando la última versión (las versiones antiguas NO están soportadas)? v0.14.57 ¿Te enfrentas al error con tu...
Issue #1693
[BUG|/PREGUNTA] Caracteres extraños (Â) dentro de la vista previa CSS/HTML; Los elementos no se eliminan completamente
BICHO¿Estás usando la última versión (las versiones anteriores NO son compatibles)?0.14.50¿Te enfrentas al error con tu copia local de Grap...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.