Issue #598💬 RespondidoAbierto el 30 de noviembre de 2017por GeczyReacciones 2

No se puede "cancelar" una calada

Respuesta rápidapor artf1

'3. Arrastrar de vuelta al panel de bloques' Sinceramente, nunca había visto ese tipo de UX... ¿por qué no el clásico 'Esc'? (que ya funciona)

Lee la respuesta completa abajo ↓

Pregunta

  1. Arrastrar un componente al lienzo
  2. No soltar el ratón
  3. Arrastrar de vuelta al panel de bloques
  4. El componente sigue aplicándose al lienzo

En su lugar, debería cancelarse

Respuestas (3)

artf1 de diciembre de 2017

'3. Arrastrar de vuelta al panel de bloques' Sinceramente, nunca había visto ese tipo de UX... ¿por qué no el clásico 'Esc'? (que ya funciona)

Geczy1 de diciembre de 2017

Este es un UX muy común en cualquier sitio donde vayas

https://w3c.github.io/html/editing.html#drag-and-drop

Sea como sea que se implemente, las operaciones de arrastrar y soltar deben tener un punto de partida (por ejemplo, donde se hizo clic con el ratón, o el inicio de la selección o elemento seleccionado para el arrastre), puede tener cualquier número de pasos intermedios (elementos sobre los que el ratón se mueve durante un arrastre, o elementos que el usuario elige como posibles puntos de soltar mientras recorre posibilidades), y deben tener un punto final (el elemento sobre el que se soltó el botón del ratón, o el elemento que finalmente se seleccionó), o ser cancelados. El punto final debe ser el último elemento seleccionado como posible punto de caída antes de que ocurra la caída (por lo tanto, si la operación no se cancela, debe haber al menos un elemento en el paso intermedio).

https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations

Cuando el usuario suelta el ratón, la operación de arrastrar y soltar termina. Si el ratón se soltó sobre un elemento que es un objetivo de caída válido, es decir, uno que canceló el último evento de arrastre o arrastre, entonces la caída será exitosa y un evento de caída se disparará al objetivo. De lo contrario, la operación de arrastre se cancela y no se activa ningún evento de solta.

Aquí tienes algunos ejemplos que encontré ! 2017-12-01_12-05-21

! 2017-12-01_12-09-48

! 2017-12-01_12-12-00

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

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