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
[QUESTION] 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 a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
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
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.