En modo de arrastre absoluto, los componentes no se caen correctamente si se aplica zoom
Debería estar arreglado en esta rama https://github.com/artf/grapesjs/tree/multi-frame El multienmarcado aún está lejos de estar completo, pero espero fusionar pronto esa rama (gran refactorización de lienzo pero sin cambios bruscos), definitivamente no para esta versión (debería publicarse hoy), pero probablemente en...
Lee la respuesta completa abajo ↓Pregunta
Los componentes no se colocan en la posición exacta si el modo de arrastre se ajusta a absoluto y se aplica un valor de zoom en el lienzo.
GrapesJS versión: 0.15.8
El número también puede reproducirse en la demo: https://jsfiddle.net/y8m1x4a3/
Comportamiento esperado: Los componentes pueden dejarse caer en la posición del cursor incluso si el modo de arrastre está en absoluto y se aplica un zoom en el lienzo.
Comportamiento actual: Cuando el modo de arrastre es absoluto y hay un valor de zoom, los componentes se desprenden de la posición del cursor. (la distancia/desplazamiento depende del nivel de zoom)
Pasos para reproducir:
- Abrir jsfiddle arriba (con editor. Canvas.setZoom(50))
- Intenta añadir un nuevo componente de texto
- Comprueba la distancia entre la posición del cursor y la posición del componente.
La distancia o el desplazamiento dependen del valor del zoom.
El editor. La función Canvas.setZoom usa una propiedad CSS transform:scale() y entonces la posición de 'drop' ya no es precisa.
Respuestas (2)
Debería estar arreglado en esta rama https://github.com/artf/grapesjs/tree/multi-frame El multienmarcado aún está lejos de estar completo, pero espero fusionar pronto esa rama (gran refactorización de lienzo pero sin cambios bruscos), definitivamente no para esta versión (debería publicarse hoy), pero probablemente en la próxima.
Cierro este problema porque planeo resolver todos los relacionados con el posicionamiento absoluto aquí: https://github.com/artf/grapesjs/issues/3770
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2422
[BUG] No se puede añadir un carácter de 'espacio' si se aplica zoom en el lienzo
No se pueden editar correctamente los componentes de texto si se aplica un valor de zoom en el lienzo. GrapesJS versión: 0.15.8 El número t...
Issue #4157
Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto'
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Microsoft Edge 98.0.1108.56 Enlace de dem...
Issue #6409
No se puede arrastrar para mover componentes en móvil
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v133 Enlace de demo reproducible https://js...
Issue #4323
Problemas de rendimiento al arrastrar un componente a un lienzo cuando tienes 2k componentes en lienzo
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Google Chrome Versión 101.0.4951.41 (Versió...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.