No se puede "cancelar" una calada
'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
- Arrastrar un componente al lienzo
- No soltar el ratón
- Arrastrar de vuelta al panel de bloques
- El componente sigue aplicándose al lienzo
En su lugar, debería cancelarse
Respuestas (3)
'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)
@Geczy Now Blocks soportan https://github.com/artf/grapesjs/releases/tag/v0.13.5 HTML5 D&D ! arrastrar y soltar
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
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1875
[PREGUNTA] Cambios de ID al importar HTML o pasar HTML en components prop en config.
Hola, He creado un componente y un bloque que puedo arrastrar y soltar en el lienzo. Mi problema es que algunos estilos dependen del ID. Sé...
Issue #1716
¿Paneles bloqueados?
Busco una forma de añadir un grupo de bloques a un panel personalizado, hablo de bloques y no de botones porque tienen que ser "Arrastrar y...
Issue #1960
[PREGUNTA] Generación dinámica de clases con una plantilla
¡Hola! Me pregunto si hay alguna forma de forzar la generación dinámica de clases (de la forma 'cXXXXX', que ocurre al arrastrar y soltar u...
Issue #796
No se puede arrastrar un componente al lienzo después de clonar el elemento estilizado
Ve a cualquiera de las demos, selecciona un cuadro de texto, ponle un color de fondo. Clonarla. Luego intento arrastrar otro componente de...
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.