GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

545 issues found

πŸ” typescript
#3307Mar 3, 2021by neon123454 answers
3 reactions

Provide a not minified version

Is there a single file version of grapesjs that is not minified? It would be nice to have one for bug fixing and quick testing of new features/improvements.

neon12345

It is disappointing that this is just closed. Sure I could change my workflow but why not make it as comfortable as possible for people to contribute?

stljeff1

Would somebody kindly explain how to use the sourcemap? I am having a very difficult time upgrading to the latest grapes version, and need any debugging help I can get. I am importing grapesjs into my Angular/Typescript app. I don't unders...

Ju99ernaut

That's already available, just reference grapesjs.js instead of grapesjs.min.js

#3305Mar 3, 2021by RaresVlaiduc3 answers
11 reactions

Button not set as active on click

Version: v0.16.41 Are you able to reproduce the bug from the demo? [ ] Yes [x] No What is the expected behavior? When I click on a button, the gjs-pn-active class should be added. Describe the bug detailed I have 3 buttons for 3 different devices (desktop, tablet and mobile). I have them on a top panel and when I clic...

Ju99ernaut

Grapesjs requires your commands to have the run and stop functions for them to toggle panel buttons automatically, so maybe that might be the issue:

kerryj89

@Ju99ernaut Thank you for that. Active state is now working for me when creating devices-c panel through grapesjs.init().

GJSBlock

Thanks for reporting this, @RaresVlaiduc. The issue with (v0.16.41) Button not set as active on click appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modific...

#3301Mar 2, 2021by mmotov2 answers
0 reactions

Change one copied element affects other copied elements

Version:0.16.41 Are you able to reproduce the bug from the demo? Yes What is the expected behavior? When I'm copying/pasting elements (e.g. text) and making any changes, it should change only the selected element. What is the current behavior? For now, changes applied on all copied elements Are you able to attach scre...

JamieBunyassi

How did you fix this?

GJSBlock

Thanks for reporting this, @mmotov. The issue with Change one copied element affects other copied elements appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM mo...

#3295Mar 1, 2021by marcepoblet4 answers
0 reactions

BUG (v0.16.41): Button component with draggable property is not working properly

Version: v0.16.41 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? When we have a button with the property data-gjs-draggable in false, this button not should be dragged in the canvas. Describe the bug detailed StepsSet a button component with draggable property in falseDr...

artf

I guess you're doing something wrong, how do you create those components and their properties?? You shouldn't even see those attributes in the inspector.

marcepoblet

@artf In our codes we have not changed anything. The only difference is that we update the GrapesJs version. Before I had version v0.16.18 and it worked correctly, but now we update GrapesJs to v0.16.41 and it doesn't work for buttons.

marcepoblet

we set the properties with this: editor.getSelected().attributes.attributes["data-gjs-editable"] = 'false' editor.getSelected().attributes.attributes["data-gjs-copyable"] = 'false' editor.getSelected().attributes.attributes["data-gjs-dropp...

#3291Feb 25, 2021by marcepoblet4 answers
4 reactions

BUG (v0.16.41): the duplicate icon from the icon toolbar is modifying the original element too

Version: v0.16.41 Are you able to reproduce the bug from the demo? [ ] Yes What is the expected behavior? The elements duplicated not should be impact the changes in the original element. Describe the bug detailed steps: select an element (text, image, etc)click on the duplicate icon from the toolbarmodify the new ele...

artf

Thanks for the report guys, I'm aware of the bug and it's already fixed in dev. I've just totally forgot to release it 😬 I'll try to release it today

devtechk

@artf Thanks a lot! you saved me a lot of work _ I was trying to debug this issue all this entire afternoon... then for casuality I've realized, checking npm that the 0.16.44 version was out... You saved man. Thank a lot! Donation, you des...

aadilmehrajbhat

Regression issue since "grapesjs": "0.16.34"

#3290Feb 25, 2021by marcepoblet3 answers
0 reactions

The changesCount parameter should be reset to zero when we undo the images

Version: v0.16.41 Are you able to reproduce the bug from the demo? [ ] No What is the expected behavior? The changesCount parameter should be reset to zero when we undo the images Describe the bug detailed Steps:add an imagedelete the imageundo the changes We should see the changesCount parameter should be reset to ze...

GayathriGuru

Hi! @marcepoblet can you please share the part of the code which you used to define the changesCount variable to get it incremented?

artf

Closing this as I don't see any substantial benefit for this functionality

GJSBlock

Thanks for reporting this, @marcepoblet. The issue with The changesCount parameter should be reset to zero when we undo the images appears to be a race condition or state management timing problem. This typically happens when component lif...

#3288Feb 23, 2021by ilsantuzzo2 answers
0 reactions

Edit a clone without affect the cloned components

I realized that the cloned and all the clone components have mirror editing. Is there a way to avoid it?

artf

I should be able to release the fix today 😬 https://github.com/artf/grapesjs/issues/3291

GJSBlock

Thanks for reporting this, @ilsantuzzo. Great question about Edit a clone without affect the cloned components. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

#3287Feb 23, 2021by RaresVlaiduc4 answers
1 reactions

Wrapper styling

First of all, congrats @artf for this amazing project πŸ’― I am currently working on a project and I wanted to ask if I can edit the wrapper (body) like I edit other components inside it. For example I would like to edit the padding of the wrapper as I do with the background-color. I've had a look over the configs but c...

artf

Yes @kuhelbeher, now the wrapper is created post plugins, so you can entirely extend it as any other component

artf

LE: I have found a way. I am overwritting the stylable array from getWrapper() but I'm not 100% sure this is the correct way. Can you confirm this? Yeah sure it's ok, but if you need, you can change the wrapper properties on init via mainC...

kuhelbeher

you can change the wrapper properties on init via mainConfig.domComponents.wrapper optionhttps://github.com/artf/grapesjs/blob/18b2f95b7f844578dc2b28d786b126013d155d9e/src/dom_components/config/config.js#L9 Hello, I've noticed that this op...

#3284Feb 20, 2021by mig84471 answer
0 reactions

Block rendering is being called twice

https://github.com/artf/grapesjs/blob/b199083f6a6128ecff41d20865493294f71fe0a1/src/block_manager/view/BlocksView.js#L142 This line makes the block to be re-rendered since rendering is listening for change events, but since this property does not affect the block rendering per-se the set should be silent as in:

GJSBlock

Thanks for reporting this, @mig8447. Thanks for sharing your report about Block rendering is being called twice. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your G...

#3282Feb 20, 2021by ThomasPof2 answers
0 reactions

CleanId function not working with MJML code

CleanID is still not working for MJML code, even on latest version of grapesJS (0.16.41) It's related to this closed issue : https://github.com/artf/grapesjs/issues/3276 This function is not reading MJML tags : attrs are empty, and I cannot find why...

artf

The id issue should be solved already on the latest mjml plugin release

GJSBlock

Thanks for reporting this, @ThomasPof. Great question about CleanId function not working with MJML code. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...

Browse all topics