Button active state
I'm having this same issue and the link @artf mentioned while it starts with active state it stops working when you click on another device. Edit: @zgeist Fixed it here https://github.com/artf/grapesjs/issues/3305#issuecomment-808323277
Read full answer below ↓Question
Have problem with button active state
If button already active, when click active state have unset
Probably wrong logic here https://github.com/artf/grapesjs/blob/dev/src/panels/view/ButtonView.js#L142
How can I extend toogleActive method?
Answers (2)
I'm having this same issue and the link @artf mentioned while it starts with active state it stops working when you click on another device.
Edit: @zgeist Fixed it here https://github.com/artf/grapesjs/issues/3305#issuecomment-808323277
I think the issue is just with the webpage preset (didn't have time to update) but is the same property described in getting started: https://grapesjs.com/docs/getting-started.html#style-manager
You have to add the button with togglable: false property
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1711
Error in prompt position after moving canvas
1、移动画布 2、点击layerManager（如果不点击layerManager 不会出错） 3、画布里的提示框位置出错 1、 moving canvas 2、 click layerManager （If you don't click layerManager, it w...
Issue #2584
Set a button from Component settings active on click
So i made a custom countdown with a button The button set the countdown but i want to make the button active like other elements on click....
Issue #2865
Enable 'view components' button on panel by default
this button is currently off by default. so you have to turn it on every time, which is not obvious to everyone. how do you make it active...
Issue #3224
ChangesCount is not incremented, when changes are applied in any Text component
https://user-images.githubusercontent.com/64096863/104047608-af352b00-51c0-11eb-8261-1d7ae9277d25.mp4 The parameter "changesCount" is not i...
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
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
Tutorial
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.