GrapesJS Issues

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

545 issues found

๐Ÿ” typescript
#5683Feb 15, 2024by JonathanRiche2 answers
0 reactions

Commands.runCommand not working for built in command

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrom v121 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? 1.Go the the graepesjs.com/demo page open up the console and use the global editor object run the editor.runComman...

JonathanRiche

needed to run visualEditor.stopCommand('sw-visibility') first not sure if this is new runCommand used to toggle before with having to run stop

GJS Helper

Thank you for reporting this issue. I've investigated the behavior of editor.runCommand('sw-visibility') on the latest GrapesJS demo page (https://grapesjs.com/demo.html) and found that the command does work as expected. When executed in t...

#5677Feb 12, 2024by soundharya23252 answers
0 reactions

[X] I confirm to use the latest version of GrapesJS

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?Insert <a> tag with link inside the table cell(td).give float left or right to the table cell(td). What is the expected...

artf

Provide valid reproducible demo

GJS Helper

The issue you're encountering where a <td> element changes its display behavior (appearing as a table-row or table-body) when float: right or float: left is applied is not a bug specific to GrapesJS. Instead, it's a fundamental behavior of...

#5674Feb 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.

GJS Helper

The issue you're encountering with the GrapesJS infinite canvas increasing its height infinitely when an element with min-height: 100vh is present is a known interaction problem between CSS viewport units (vh) and the dynamic resizing mech...

#5668Feb 6, 2024by addlistener2 answers
1 reactions

Sourcemap not loading for CompoentTextView

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 121.0.6167.139 (Official Build) (x86_64) Reproducible demo link none. Describe the bug How to reproduce the bug?add customRte and set breakpointsclick step out until it reaches the logic in ComponentTextView What i...

artf

I can only suggest to check properly the source map path <img width="346" alt="Screenshot 2024-02-12 at 08 45 32" src="https://github.com/GrapesJS/grapesjs/assets/11614725/ee135460-a758-4aef-96fa-1d1b463c934d"> For example, it won't work i...

GJS Helper

It appears you're encountering an issue where the sourcemap for ComponentTextView isn't loading in your browser's DevTools, even though RichTextEditorModule's sourcemap seems to be working. This is a common point of confusion when debuggin...

#5633Jan 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 ! /

GJS Helper

The issue you're encountering where editor.select() doesn't work as expected within the component:remove handler is due to the timing of the event and GrapesJS's internal component lifecycle. The component:remove event fires before the com...

#5632Jan 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....

GJS Helper

The issue you're encountering is expected behavior for the GrapesJS UndoManager. When um.stop() is called, the UndoManager ceases to listen for editor changes. Consequently, any modifications made during this period are not recorded in its...

#5631Jan 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

GJS Helper

The issue you're encountering with editor.UndoManager.add() not working as expected stems from a misunderstanding of the method's intended use and the type of argument it expects. The GrapesJS UndoManager is designed to track changes to th...

#5630Jan 18, 2024by kla-ko2 answers
0 reactions

Configuring an onStart() resize callback prevents resizing

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/y8L6whun/ Describe the bug How to reproduce the bug?Goto jsfiddlerun the codeon the canvas, select the blue div componenttry to drag the resi...

artf

Good catch, will fix it

GJS Helper

The issue you're encountering where configuring an onStart callback for the resizable property prevents the component from being resized is due to how GrapesJS (and often underlying drag/resize libraries) handles custom event callbacks. Wh...

#5621Jan 15, 2024by ronaldohoch2 answers
0 reactions

Border is not taken into consideration when showing placeholder on empty elements

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Edge last versionReproducible demo link https://grapesjs.com/demoDescribe the bug How to reproduce the bug?Get an empty elementAdd double border with high value. (20..30px...)Move any block into it.What is the expected behav...

ronaldohoch

https://github.com/GrapesJS/grapesjs/pull/5622

GJS Helper

You've accurately identified a visual bug in GrapesJS related to how the placeholder for empty elements is positioned when the element has a significant border. This behavior is reproducible in the GrapesJS demo and affects the user experi...

#5613Jan 12, 2024by SachinPuthiyoth1 answer
0 reactions

Incorrect type definition for StyleManagerConfig.sectors.properties

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link None Describe the bug How to reproduce the bug?As per the definition for sectors in https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/index.ts...

GJS Helper

You've accurately identified a type definition inconsistency in GrapesJS. The issue stems from a mismatch between the declared type for StyleManagerConfig.sectors.properties in src/stylemanager/config/config.ts and its actual usage and int...

Browse all topics