Issue #3608💬 AnsweredOpened July 9, 2021by anlumo0 reactions
enhancementcomponentsquestion

Disable Dragging

Quick answerby iabhiyaan

Read full answer below ↓

Question

What are you trying to add to GrapesJS? I have implemented an alternative text editing component (not based on RTE). I want people to be able to drag-select text in this component. Describe your feature request detailed The problem is that drag-selection also triggers dragging the whole component. I want to be able to move the component on the page only via the move toolbar item, to stop it interfering with text selection. Is there an alternative at the latest version? I'm currently overriding the drag like this: in the view's init function. This kinda works in Chrome, but not always and also...

Answers (4)

iabhiyaan• July 21, 2021

editor.on('component:drag:start', props => {
    const { target } = props;
    target.set({
        draggable: false,
        propagate: ['draggable']
    });
});
anlumo• July 23, 2021

Wouldn't that disable all dragging, even from the toolbar and the layer manager?

anlumo• July 23, 2021

I just tested it, another issue is that the dragging operation still eats the event, it just renders the component disabled.

GJSBlock• May 17, 2026

Thanks for reporting this, @anlumo. Great suggestion about FEAT: Disable Dragging! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches: Listen to selector:add for CSS selector changes Use selector:...

View full discussion on GitHub →

Related Questions and Answers

Continue research with similar issue discussions.

Issue #3496

FEAT: Mark Component as Dirty

What are you trying to add to GrapesJS? Component should be able to mark themselves as dirty, triggering the onbeforeunload warning message...

4 answersUpdated July 29, 2021

Issue #3317

FEAT: Add support for promises to custom RTE API

What are you trying to add to GrapesJS? Support for richtext editors with promise based APIs. Describe your feature request detailed CKEdit...

3 answersUpdated February 8, 2022

Issue #3128

FEAT: Drop a component at the position of the mouse is clicked

What are you trying to add to GrapesJS? When a component is dropped, stay at the position of the mouse is clicked. Describe your feature re...

2 answersUpdated November 10, 2020

Issue #3356

FEAT: Unminified version in the latest release

What are you trying to add to GrapesJS? Un-minified versions for each release Describe your feature request detailed I am working with some...

2 answersUpdated March 22, 2021

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

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.

All tutorials →

Tutorial

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉

We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS

Tutorial

GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework

Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

PresetsPluginsComponentsBlocksAssetsCommandsI18nLayersStylesStoragesRTENewslettersWeb pagesSite builders