BUG: dragging components in preview mode enables editor mode
Question
We can reproduce the bug from the demo
Current Behavior:

Expected Behavior: We should not be able to drag/move components when in preview mode.
Answers (1)
Will be fixed in the next release. For now, you can patch it on your own, in this way:
const preventDrag = (opts) => opts.abort = 1;
editor.on('run:core:preview', () => {
editor.on('run:tlb-move:before', preventDrag);
});
editor.on('stop:core:preview', () => {
editor.off('run:tlb-move:before', preventDrag);
});
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2419
[BUG] Absolute dragmode does not work on touch devices
Absolute dragmode (with grapesjs touch plugin) does not work on touch devices. GrapesJS version:0.15.8 Expected behavior: The user should b...
Issue #3209
BUG: When in preview mode, the toolbar is only being hidden but still clickable
Version: 0.16.22 Are you able to reproduce the bug from the demo? Yes What is the expected behavior? When the use presses the preview butto...
Issue #4323
BUG: Performance issue while dragging component to canvas when you have 2k component on canvas
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Google Chrome Version 101.0.4951.41 (Officia...
Issue #2374
[BUG] Component style is not updated after the drag event in Dragmode('absolute')
In the new dragmode the component's style is not updated after dragging the component. Expected behaviour:Drag element by clicking on the c...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.