Stop function of all commands are getting executed before the actual run command.
Hi @slellampati, I'm sorry this answer might be a little late to the party, but I've just stumbled upon the same behaviour & discovered this issue. To answer the question: GrapesJS's buttons have an active event listener, which deactivates all buttons in a panel in which a button is activated, causing their stop comma...
Read full answer below βQuestion
I created 3 custom button(edit, preview, save) and all those have run and stop methods. When i click on any button, it triggers the run command of that button but before that stop function of other buttons are executed. When i click on Edit, below is the console output When Edit button closed (stop command) What is causing the other stop commands to trigger first even when i dont have any event listeners?
Answers (2)
Hi @slellampati, I'm sorry this answer might be a little late to the party, but I've just stumbled upon the same behaviour & discovered this issue. To answer the question: GrapesJS's buttons have an active event listener, which deactivates all buttons in a panel in which a button is activated, caus...
You can add a different context: 'eg. save-button' to your buttons to detach them from this default behavior (by default buttons share the same context)
There is actually a tiny reference in getting started guide about this: https://grapesjs.com/docs/getting-started.html#panels-buttons
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1127
Command running multiple times
Hello Folks, I need your help.I created a custom button on the commands Panel to publish the site created from Grapes.When i click on it, i...
Issue #690
Preview Command bug: exit the preview mode will run the sw-visibility command, when the sw-visibility stopped before go to preview mode.
Hi @artf , The case is "switch-visibility" command stopped, then click the preview button or trigger preview command, it will go to preview...
Issue #2046
How to disable Scripts inside the editor?
Hi @artf , I need to disable all the scripts (component scripts and other scripts) inside the editor, and scripts should run only when we c...
Issue #2350
How do I add elements/sectors to views container using a custom button in the Panel
I have added a custom button to the Panel as below: const pm = editor.Panels; pm.addButton('views', { id: 'customButton', className: '', co...
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
PageKit: the GrapesJS application you'd have to build anyway
A source-available Next.js app around the open-source GrapesJS core β publishing, custom domains, leads, checkout and a plugin loader.
Tutorial
Claude Skill for GrapesJS: How AI Is Changing the Way We Build Visual Editors
We've released the Claude Skill for GrapesJS Development β a free, open-source skill that turns Claude into a developer who actually knows GrapesJS
Tutorial
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyerβstudio pair, the whole history in one place.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.