No se puede arrastrar el componente si hay espacio arriba/izquierda con Modo Absoluto
Esto es solo para el icono de arrastrar, ¿verdad? El arrastre manual está bien. Usando el icono de arrastre, parece que se reinicia la posición del elemento desde arriba.
Lee la respuesta completa abajo ↓Pregunta
Dado el siguiente ejemplo de código...
''' html
<div style="altura: 100px;"> Un poco de espacio arriba o a la izquierda </div> <div id="gjs"> <p style="acolchado: 25px"> Mundo Hesdllo!!</p> </div>
''' js
editor.getModel().set('dmode', 'absoluto');
Esto impide arrastrar y soltar elementos a la posición correcta usando el icono de arrastrar en el panel.
! imagen
Consulta Fiddle para una demostración...
Respuestas (3)
Esto es solo para el icono de arrastrar, ¿verdad? El arrastre manual está bien. Usando el icono de arrastre, parece que se reinicia la posición del elemento desde arriba.
esto es solo para el icono de arrastrar, ¿verdad? El arrastre manual está bien. usando el icono de arrastrar, parece que se reinicia la posición del elemento desde arriba.
Sí, esto es solo para arrastrar iconos.
Sí, el problema aquí es el objeto Event diferente según el contexto. Cuando activas el arrastre sobre el propio componente, el Evento está en el contexto del iframe (porque el elemento con el que se hace clic está en iframe), pero los botones del componente están fuera del iframe, así que el contexto del Evento es la 'ventana' original.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1577
Gestor de código de interrupciones de comentarios CSS en línea
Aparentemente esto es un fragmento válido de html y css: '<div style="color: red; / altura 200px; /; peso-fuente: negrita;">' (De ahí la pr...
Issue #2419
[BUG] El modo de arrastre absoluto no funciona en dispositivos táctiles
El modo de arrastre absoluto (con el plugin touch de grapesjs) no funciona en dispositivos táctiles. GrapesJS versión: 0.15.8 Comportamient...
Issue #563
Tabla <thead> y <tbody> etiqueta se omiten
Hola, Hay un nuevo problema con GrapesJS (quizá). He creado un nuevo componente usando 'bm.add()' en el que he usado un elemento de tabla c...
Issue #1703
[Pregunta] ¿Cómo permitir caracteres especiales en el nombre de la clase o en el atributo de datos?
En mi código HTML, tengo algunos marcadores de posición de variables definidos en el nombre de la clase o en los atributos de datos de elem...
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.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.