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
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.
Tutorial
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component โ click to select, then one-click fix.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners โ this post is for you.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.