Enable Drag Mode to inner of a single component instead of editor
Well if you declare dragMode in the init config, that will be the default for ALL the components, then, if you want, you can change the dragMode per component https://github.com/artf/grapesjs/issues/1936#issuecomment-521269499
Read full answer below ↓Question
Hi @artf ,
I set dragMode of my Grapesjs builder to "absolute" and then build a section component to ensure that all other components must be placed in section component.
However, section component should be ignore of being "absolute", it should be static. I had tried:
- Remove dragMode: absolute for builder
- Add dmode: 'absolute' to section component But no luck. Could you please advise?
Answers (1)
Well if you declare dragMode in the init config, that will be the default for ALL the components, then, if you want, you can change the dragMode per component https://github.com/artf/grapesjs/issues/1936#issuecomment-521269499
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3414
Component model is not reset when create new drag
When dragging a component from right panel component model doesn't set to default value but has value of previously added component
Issue #3683
How to set the component cannot be deleted
Issue #2547
Unable to drag an element if style has bottom or right values
Hi @artf , If any component CSS has bottom or right values , not able to drag them. Values are generating as NaN. Attached the screenshot f...
Issue #3392
FEAT: Allow dynamic droppable configuration using a function
I have a requirement where I cannot use selectors to determine if an element is droppable. For example: The "child" component must be withi...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Tutorial
10 Mistakes When Building a Visual Editor (And How to Avoid Them)
Visual editors are powerful tools — they enable non-technical users to create websites, emails, landing pages, and applications without writing code
Tutorial
GrapesJS and AI: The Future of No-Code Web Design
GrapesJS, a popular drag-and-drop web builder framework, is now getting an AI-powered makeover
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.