Component with pointer-events: 'all' (except wrapper) or editable component are draggable & droppable to itself.
There was an issue with the demo itself which now it's fixed (added draggable: false to the wrapper component)
Read full answer below βQuestion
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 107.0.5304.121 (Official Build) (arm64)Reproducible demo link https://jsfiddle.net/artur_arseniev/aku70f5wDescribe the bug How to reproduce the bug?Try to drag and drop the editable component or component having a pointer-events: all CSS in itself. It will disappear. As this operation performs an infinite loop and returns an error on the console Uncaught RangeError: Maximum call stack size exceeded. Even after setting draggable false to the editable component, it is draggable. What is the exp...
Answers (3)
There was an issue with the demo itself which now it's fixed (added draggable: false to the wrapper component)
Patch for getCss to return always the content from the editable component is not working, can you please help me to solve this @artf The below code (present in the reproducible demo link) always returns the whole canvas or wrapper CSS string.
Thanks for reporting this, @FaisalShaikhHA. Great question about Component with pointer-events: 'all' (except wrapper) or editable component are draggable & droppable to itself.. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #6659
Symbol styles not synced
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 145.0 (64-bit) Reproducible demo l...
Issue #5720
Propagating component defaults can break layers when child comments are introduced
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v122 Reproducible demo link https:/...
Issue #5424
`component:styleUpdate` event is not fired
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 116.0.5845.187Reproducible demo link...
Issue #4897
Component:styleUpdate / component:styleUpdate:propertyName not fired
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Edge 109.0.1518.70 Reproducible demo link...
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
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish β plugins, articles, community questions, guides, authors and services. Press βK from any page.
Tutorial
How to Build an AI-Powered Page Builder with GrapesJS in 2026
What we learned building GJSDocs β from simple AI text generation to structured, context-aware visual editing
Tutorial
How Much Does It Cost to Build a SaaS Page Builder in 2026?
How much does it cost to build a SaaS page builder in 2026? Explore realistic development costs, timelines, features, and how using GrapesJS can reduce
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.