Issue #5112💬 RespondidoAbierto el 14 de mayo de 2023por putzwasserReacciones 0

GrapeJS/arrastrar y soltar no funciona para Brave en Linux y Wayland

Respuesta rápidapor artf

Comprobando con la misma versión de Brave (en Mac), el arrastrar y soltar parece funcionar correctamente, así que no parece un problema ni con GrapesJS ni con el navegador. Si alguien más experimenta lo mismo o tiene más contexto sobre el problema, por favor háznoslo saber.

Lee la respuesta completa abajo ↓

Pregunta

Versión GrapesJS

  • Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Versión 1.51.110 Chromium: 113.0.5672.77 (Versión Oficial) (64 bits)

Enlace de demo reproducible

https://grapesjs.com/docs/getting-started.html#add-blocks

Describe el bicho

En Linux, Wayland (Arch Linux y Gnome) usando Brave no puedes añadir bloques. Si arrastras y soltas bloques, simplemente desaparecen al soltar el botón del ratón, lo que hace que GrapeJS quede roto o inútil.

Lo probé con los escudos Brave desactivados y en modo incógnito para asegurarme de que nada interfiera con el JS. Mismo resultado

¿Cómo reproducir el bicho?

  1. Abre la página de documentación de grapejs
  2. Intenta añadir la sección o bloque de texto mediante arrastrar y soltar
  3. Asegurarse de que no ocurra nada

¿Cuál es el comportamiento esperado?

  • El bloque debería añadirse

¿Cuál es el comportamiento actual?

  • No pasa nada

Código de conducta

  • Acepto seguir el Código de Conducta de este proyecto

Respuestas (4)

artf16 de mayo de 2023

Comprobando con la misma versión de Brave (en Mac), el arrastrar y soltar parece funcionar correctamente, así que no parece un problema ni con GrapesJS ni con el navegador. Si alguien más experimenta lo mismo o tiene más contexto sobre el problema, por favor háznoslo saber.

gxanshu2 de julio de 2023

Estoy teniendo el mismo problema con Tauri. Usan WebGTK y arrastrar y soltar no funciona tan bien allí

putzwasser2 de julio de 2023

Al comprobar con la misma versión de Brave (en Mac), el arrastrar y soltar parece funcionar correctamente, así que no parece un problema ni con GrapesJS ni con el navegador.

No creo que este cheque sea válido. Tienes una configuración completamente diferente usando un Mac. Esperaba que este problema estuviera relacionado con mi configuración específica, pero eso no significa que no haya nada que se pueda hacer en el lado de Grapesjs.

No espero que lo arregles, ya que podría ser un caso complicado y los recursos son escasos. Quizá incluso tenga que ver con usar Brave en Wayland.

ClaudeCode17 de mayo de 2026

Gracias por informar de esto, @putzwasser.

Buena pregunta sobre GrapeJS/drag and drop que no funciona para Brave en Linux y Wayland. El enfoque recomendado con ProseMirror es usar la API orientada a eventos.

Empieza aquí:

  1. Consulta la documentación de GrapesJS de tu módulo específico
  2. Busca el método del oyente de eventos 'on()'
  3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));


**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!

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.