GrapesJS Issues

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

644 issues found

๐Ÿ” components
#5905May 24, 2024by gladykov2 answers
0 reactions

Unable to open component settings again, after clicking component and then clicking Blocks

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Opera 10.0.5130.23 | Linux Reproducible demo link https://grapesjs.com/demo.html Describe the bug Clear canvasFrom Blocks menu add 1 Column component -> Settings tab is opened automatically :ok_hand: Click newly added comp...

artf

Thanks @gladykov but this is not related to the core, it's just an example behavior implemented in the demo.

ClaudeCode

Thanks for reporting this, @gladykov. The issue with Unable to open component settings again, after clicking component and then clicking Blocks appears to be a race condition or state management timing problem. This typically happens when...

#5820April 17, 2024by rhoenerSBS2 answers
0 reactions

Double Entry in Layers if Component is moved directly after add

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v123Reproducible demo link https://jsfiddle.net/xwgons8z/Describe the bug I'm trying to programmatically move an added component to a specific position in the parent since I have child components, that are supposed to...

rhoenerSBS

I initially wanted to realize the same behavior with a function in the droppable property of the parent component to prevent components being dropped at a specific index but unfortunately the index is not given as a param for that function.

ClaudeCode

Thanks for reporting this, @rhoenerSBS. Great question about Double Entry in Layers if Component is moved directly after add. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation...

#5812April 15, 2024by jogibear99881 answer
0 reactions

Interested in Collaboration?

Reproducible demo link https://node-projects.github.io/web-component-designer-demo/index.htmlDescribe the bug I started a Framework to design webpages with webcomponents a few years ago, and now I found GrapeJS. Thought maybe we have the same goals and could benefit from each other? (Don't know how atm., but maybe) (l...

ClaudeCode

Thanks for reporting this, @jogibear9988. The issue with Interested in Collaboration? appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap,...

#5785March 29, 2024by bernesto3 answers
1 reactions

Outlines persist in preview mode

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v122 Reproducible demo link https://grapesjs.com/demo.html Describe the bug This may be by design, but it seems odd given the intent. How to reproduce the bug?Click preview (eye) What is the expected behavior? The p...

bernesto

Awesome @artf you are a rockstar!

artf

Thanks @bernesto there is actually an update to do on the demo side. I prepared the change and will fix it on the next release.

ClaudeCode

Thanks for reporting this, @bernesto. Great question about Outlines persist in preview mode. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Loo...

#5724March 8, 2024by bernesto2 answers
0 reactions

Whitespace handling in inline elements

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v122Reproducible demo link https://jsfiddle.net/zwo0mdqf/5/Describe the bug How to reproduce the bug?Create valid inline block elements such as span, b, i, em, etc. that use multiple space, tab(s), or line breaks as w...

danstarns

Closing in favor of merged commit. https://github.com/GrapesJS/grapesjs/pull/5719

ClaudeCode

Thanks for reporting this, @bernesto. Great question about Whitespace handling in inline elements. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...

#5718March 4, 2024by mitcht2 answers
0 reactions

Possible upgrade path issue where 'textnode' is now called 'wrapper' from 0.18 -> latest

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 122.0.6261.95 (Official Build) (64-bit) Reproducible demo link https://jsfiddle.net/n4x6L1v0/2/ Describe the bug How to reproduce the bug?Save component data from an earlier version of grapejs (0.18)Attempt...

artf

Thanks @mitcht but as I already mentioned the main component could never been textnode in the first place so it doesn't make sense to handle such a case in the core or have this issue open. Anyway, if the logic works for you just use it in...

ClaudeCode

Thanks for reporting this, @mitcht. Great suggestion about Possible upgrade path issue where 'textnode' is now called 'wrapper' from 0.18 -> latest! While this specific feature isn't yet in the core API, there are several ways to achieve s...

#5674February 9, 2024by mauriciolcs22 answers
0 reactions

The infinite canvas is increasing its height infinitely when there is an element with a min-height of 100vh

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Arc version 1.29.0 (46113)Reproducible demo link https://grapesjs-react-custom-ui-vrkhwc.stackblitz.ioDescribe the bug How to reproduce the bug?Enable inifinite canvasAdd at least two components to the canvasSet a min-height...

artf

Avoid using infinite canvas as it was never documented and not even finished as a feature.

ClaudeCode

Thanks for reporting this, @mauriciolcs2. Great question about The infinite canvas is increasing its height infinitely when there is an element with a min-height of 100vh. The recommended approach with Canvas is to use the event-driven API...

#5633January 20, 2024by kla-ko3 answers
0 reactions

Cannot select component in ``component:remove`` handler

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 120.0.6099.225 Reproducible demo link https://jsfiddle.net/wattnu/opmwfvjn/ Describe the bug How to reproduce the bug?open and run the fiddletwo components are on the canvas. The "hello world" div and a blue...

artf

Thanks @kla-ko there is actually one logic that prevents selecting other components during component:remove events and I will fix it for the next release but what I'd suggest to you is to switch to another event. The event component:remove...

kla-ko

Thanks @artf . This works like a charme ! /

ClaudeCode

Thanks for reporting this, @kla-ko. Great question about Cannot select component in `component:remove handler. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your speci...

#5632January 20, 2024by Harshsne262 answers
0 reactions

Add a change to the undomanager

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v91 Reproducible demo link https://codepen.io/dhanadsp1120/pen/ExrRvOB Describe the bug How to reproduce the bug? 1.Disable the undo manager by invoking um.stop(). 2.Make alterations to the content. 3.Re-enable the...

artf

When the undo manager resumes, any modifications made after its pause should be treated as a single change. This ensures that clicking "undo" will revert the entire set of alterations to the state prior to the undo manager's interruption....

ClaudeCode

Thanks for reporting this, @Harshsne26. Great question about Add a change to the undomanager. The recommended approach with UndoManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module L...

#5631January 19, 2024by Harshsne262 answers
0 reactions

Undo manager add() not working as expected

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v91 Reproducible demo link -- Describe the bug How to reproduce the bug? I wanted to add an change to the undomanager stack . var components = editor.Components; editor.UndoManager.add(components.getComponents().mod...

artf

@Harshsne26 you need to provide a reproducible demo for a bug

ClaudeCode

Thanks for reporting this, @Harshsne26. Great question about Undo manager add() not working as expected. The recommended approach with UndoManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specif...