No se puede arrastrar y soltar en la pantalla del móvil, ni siquiera añadir grapejs-touch

Versión GrapesJS

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

¿Qué navegador usas?

Chrome, IOS

Enlace de demo reproducible

https://www.lovepoptestsite.com/products/disney-s-hocus-pocus-black-flame-candle-pop-up-card?variant=40356218077273&preview_link=124907487321 Contraseña: ilovecards

Describe el bicho

¿Cómo reproducir el bicho? He intentado arrastrar y soltar en la pantalla del móvil solo con el editor de grapejs, todo está bien. Pero cuando intenté hacerlo después de Inject Editor en Test Store, no funciona como esperaba.

¿Cuál es el comportamiento esperado? ... Debería permitir componentes de arrastrar y soltar

¿Cuál es el comportamiento actual? ... Solo es un componente gris y no puede arrastrar

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo: '''js const editor = grapesjs.init({ contenedor: editorId ? '#${editorId} #gjs' : '#editor_container #gjs', altura: editorAltura, width: editorWidth, avoidInlineStyle: cierto, fromElement: cierto, canvasCss: 'radio de frontera: 50px', avisoOnUnload: falso, selectorManager: { componentFirst: cierto, }, storageManager: { Tipo: 'A distancia', guardado automático: Cierto, autoload: false, pasos Antes de guardar: 3 }, ColorPicker: { appendTo: 'padre', Desplazamiento: { arriba: 26, izquierda: -166, }, }, Paneles: { Valores por defecto: [ // { botones: [ // { id: 'miNuevo Botón', claseNombre: 'fa-sólido f-borrador', comando: 'Despejado', atributos: { título: 'Algún título',

// }, activo: falso, // } // ] // } ], }, comandos: { Valores por defecto: [ // { id: 'Clear', async run() { await editor.load({}); // }, // } // ], }, plugins: [plugin, grapesjsTouch], richTextEditor: { Acciones: ['Negrita', 'Cursiva', 'Subrayado', 'Tachado'] }, StyleManager: { appendTo: editorId? '#${editorId} .contenedor-estilos' : '.contenedor-estilos', Sectores: [] }, blockManager: { appendTo: editorId? '#${editorId} #blocks' : '#blocks', Bloqueos: [] } });

editor. Storage.add('remote', { carga: handleLoad, Store: handleTienda });

const updateStyleManager = (model) => { const typoTypeElement: any = document.querySelector('.gjs-sm-sector__typography');

si (model.attributes.type !== 'texto') { typoStyleElement.style.display = 'ninguno'; } else { typoStyleElement.style.display = 'block'; }

editor.refresh(); }

Disparadores al cambiar de componente editor.on('component:selected', updateStyleManager);

(editor. Blocks.getCategories() como any).forEach(x => { x.on('change:open', (e) => { editor. DomComponents.clear(); editor.setStyle([{}]) editor.refresh(); }) });

(editor. StyleManager.getSectors() como any).forEach(x => { x.on('change:open', (e) => { editor.refresh(); }) });

editor.on("load", () => { si (carta && card.id > 0) { editor.load({}); }

categorías const = editor. BlockManager.getCategories(); (categorías como cualquiera).chaco(categoría => { category.set('open', false).on('change:open', opened => { opened.get('open') & (categorías como cualquiera).each(category => { categoría !== abierto && categoría.set('open', falso) }) }) }) });

editor.on('change:changesCount', (e) => { var count = editor.getDirtyCount(); // });

setEditor (editor);

### Código de conducta

- [x] Acepto seguir el Código de Conducta de este proyecto