GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

569 issues found

๐Ÿ” canvas
#5305August 13, 2023by rajevar2 answers
0 reactions

"component:add" event triggers when components are moved

GrapesJS version 0.21.4[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome Version 113.0.5672.63 Reproducible demo link https://jsfiddle.net/szLp8h4n/11/Describe the bug How to reproduce the bug? Move any of the text components around in the page. An alert will be displayed. could be...

artf

Hi @rajevar I think you're looking for component:create event, as component:add works as expected (eg. might be used to track any new movement inside a specific component)

ClaudeCode

Thanks for reporting this, @rajevar. Great question about "component:add" event triggers when components are moved. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

#5280August 7, 2023by fluke7772 answers
0 reactions

Event handler on view not bound to the component

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 115.0.5790.114 Reproducible demo link https://jsfiddle.net/mcraf3se/5/ Describe the bug Hello, just starting with GrapesJS so it is quite likely I am misunderstanding something fundamental. I am struggling w...

artf

The error here is using the arrow function, just replace it with clickOnElement() {

ClaudeCode

Thanks for reporting this, @fluke777. Great question about Event handler on view not bound to the component. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specifi...

#5274August 3, 2023by wunksert4 answers
1 reactions

Parser bug inside Remix

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v114 Reproducible demo link https://github.com/wunksert/remix-grapes-error/tree/main Describe the bug How to reproduce the bug?Clone repo abovenpm inpm run dev you'll see that the grapes iframe and boilerplate is re...

artf

@wunksert it seems like the editor initializes on itself multiple times, are you properly clearing the editor instance with destroy (eg. in your useEffect)?

wunksert

It might turn out that a fix for this is more simply solved by me editing structure or naming conventions in my project. Happy to do that if it's faster than changing something in GrapesJS core.

artf

yeah definitely not related to the core

#5268August 2, 2023by SLain1233 answers
0 reactions

autoplay for youtube or vimeo doesn't work

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v115 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Drag and drop video component to canvas.Select youtube or vimeo and add video id.Activate autoplay checkbox.Publis...

SLain123

I can fix the bug myself, but I can't push my branch with fix to repo. It seems like I don't have permission for pushing or create new branch.

artf

@SLain123 you have to create a PR from your fork https://stackoverflow.com/questions/38918942/pull-request-from-a-different-repository

ClaudeCode

Thanks for reporting this, @SLain123. Great question about autoplay for youtube or vimeo doesn't work. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific modu...

#5245July 16, 2023by riteshdalal4 answers
0 reactions

Contents of component with editable:false are still editable

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 114.0.5735.198 Reproducible demo link https://jsfiddle.net/riteshdalal/obnx7sg3/22/ Describe the bug How to reproduce the bug?Create a component with editable:false in the modelDrop the component on the canvas What...

artf

The editable property has no meaning by default and it's only used internally by other extended components like Text or Image

riteshdalal

@artf how do we create a component such that gjs does not parse the children.

riteshdalal

The editable property has no meaning by default and it's only used internally by other extended components like Text or Image This used to work on older versions of GJS. Just stopped working in 0.21.3

#5241July 14, 2023by hanzuken2 answers
0 reactions

Element absolute position is different from Cursor position when moving in the zoomed canvas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome version 114.0.5735.199 (Official Build) (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Enable the absolute drag mode editor.editor.set('dmode', 'absolute')Se...

artf

Issues related to Absolute mode are tracked here https://github.com/GrapesJS/grapesjs/issues/3770

ClaudeCode

Thanks for reporting this, @hanzuken. Great question about Element absolute position is different from Cursor position when moving in the zoomed canvas. The recommended approach with Canvas is to use the event-driven API. Start here: Check...

#5199June 23, 2023by rmadeiraneto3 answers
0 reactions

Changes in component's attributes being reproduced in all the instances instead of just one

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v114 Reproducible demo link https://jsfiddle.net/rmadeiraneto/t659usxv/39/ Describe the bug How to reproduce the bug?Go to the blocks list and drag the custom component "example" to the canvasThree elements that are...

artf

Thanks @rmadeiraneto for the report. Yeah, unfortunately that's an issue if you're mutating arrays/objects properties in that way and to avoid that you have 2 options:Avoid direct mutations (assign new references when you have to update th...

rmadeiraneto

@artf using defaults as a function works, thanks for quick response and for providing the alternative fix on this issue. About the first suggestion, I think it's not about people should mutate or not the object, because we're talking about...

ClaudeCode

Thanks for reporting this, @rmadeiraneto. Great suggestion about Changes in component's attributes being reproduced in all the instances instead of just one! While this specific feature isn't yet in the core API, there are several ways to...

#5184June 14, 2023by acantepie2 answers
1 reactions

Toolbar of ckeditor components is not correctly refreshed

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 113.0.5672.126 (Build officiel) (64 bits)Reproducible demo link https://grapesjs.com/demo-newsletter-editor.htmlDescribe the bug How to reproduce the bug?Go on demo website : https://grapesjs.com/demo-newsletter-edit...

artf

Thanks @acantepie please open the issue in the proper repo as this is not core related one

ClaudeCode

Thanks for reporting this, @acantepie. Great question about Toolbar of ckeditor components is not correctly refreshed. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...

#5164June 6, 2023by shomeel2 answers
0 reactions

By default components are created using table in my demo project but the demo uses flex property to create components

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 112.0.5615.49 (Official Build) (x86_64) Reproducible demo link https://jsfiddle.net/shomeelconovo/k7L2rthg/1/ Describe the bug I need help with something regarding the grapes.js. I have created a project and whenev...

artf

https://github.com/GrapesJS/grapesjs/discussions/5163#discussioncomment-6162516

ClaudeCode

Thanks for reporting this, @shomeel. The issue with By default components are created using table in my demo project but the demo uses flex property to create components appears to be a race condition or state management timing problem. Th...

#5141May 24, 2023by rajevar3 answers
1 reactions

component resets attribute values on updating traits ( first time only )

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 113.0.5672.63 Reproducible demo link https://jsfiddle.net/rajevar/zLs8q97f/4/ Describe the bug This is in reference to this discussion https://github.com/GrapesJS/grapesjs/discussions/4759 How to reproduce t...

rajevar

sorry, my bad. I wasn't using the latest.

artf

@rajevar I can't reproduce it with the latest version, are you sure you're using the latest one?

ClaudeCode

Thanks for reporting this, @rajevar. Great question about component resets attribute values on updating traits ( first time only ). The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documen...