Issue #2423💬 RespondidoAbierto el 23 de noviembre de 2019por MartinPutzReacciones 0

En modo de arrastre absoluto, los componentes no se caen correctamente si se aplica zoom

Respuesta rápidapor artf

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:

  1. Abrir jsfiddle arriba (con editor. Canvas.setZoom(50))
  2. Intenta añadir un nuevo componente de texto
  3. 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)

artf27 de noviembre de 2019

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.

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.