Cannot drag drop in mobile screen even add grapejs-touch

Question

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome, IOSReproducible demo link https://www.lovepoptestsite.com/products/disney-s-hocus-pocus-black-flame-candle-pop-up-card?variant=40356218077273&preview_link=124907487321 password: ilovecardsDescribe the bug How to reproduce the bug? I tried to drag and drop in mobile screen with grapejs editor alone everything is fine. But when i tried to do it after inject editor to test store it's not working...

loclovepop · Accepted Answer

screencast-www.lovepoptestsite.com-2023.06.01-001711.webm This is video of bug

artf · Answer

I see the touch plugin works properly, ensure to have the mobile device enabled on load (eg. not simulated post load) so the polyfill could be loaded properly.

GJS Helper · Answer

The issue you're experiencing with drag-and-drop not working on mobile screens when GrapesJS is embedded in your "test store" environment, despite using grapesjs-touch, is a common problem in complex web applications. It typically stems from CSS conflicts or event handling interference from the host application that disrupt GrapesJS's touch-based drag logic. Root Cause Explanation: When GrapesJS works standalone, it has full control over the DOM and CSS. However, when embedded, especially in a...

Cannot drag drop in mobile screen even add grapejs-touch

Question

Answers (3)

Related Questions and Answers

Missing inline styles used by CKEditor when adding raw html components

Anchor links with hash navigation don't work in preview mode

Possible upgrade path issue where 'textnode' is now called 'wrapper' from 0.18 -> latest

The facebook plugin is not working in the grapes js

Paid Plugins That Match This Issue

Browse Plugin Categories