GrapesJS Issues

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

545 issues found

๐Ÿ” typescript
#5530Nov 25, 2023by Harshsne261 answer
0 reactions

Undo manager start and stop doesnt work as expected

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?Disable the undo manager by invoking um.stop().Make alterations to the content.Re-enable the undo mana...

GJS Helper

The issue you've described with the GrapesJS Undo Manager (um.stop() and um.start()) is a known behavior where the um.stop() method, despite setting the internal enabled flag to false, doesn't consistently prevent all internal GrapesJS ope...

#5523Nov 18, 2023by lexoyo2 answers
0 reactions

Paste when nothing is selected

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Select a component on stageCopy the component with CTRL+cSelect the body (deselect the component)Paste with CTRL+v Wha...

lexoyo

Note that this bug makes it impossible to copy paste elements to an empty page

GJS Helper

The issue you've described is a known behavior in GrapesJS's default paste-component command. The root cause lies in the command's implementation, specifically the condition if (!selected || !selected.length) return; at the beginning of it...

#5503Nov 6, 2023by MaxwellTheSecond3 answers
1 reactions

ReplaceWith method doesn't have string type

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 replaceWith method from Component.ts doesn't have a type for string. What is the expected behavior? I should be able to replace a component with a string like in the exam...

MaxwellTheSecond

PR: #5504

artf

Merged https://github.com/GrapesJS/grapesjs/pull/5504

GJS Helper

You've correctly identified a TypeScript typing issue with the replaceWith method in GrapesJS. While the method internally supports replacing a component with an HTML string, its TypeScript definition (Component.d.ts) currently doesn't ref...

#5501Nov 5, 2023by eko3alpha1 answer
0 reactions

Resizing issue with panels on "Getting Started" demo

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome/Safai/Firefox Reproducible demo link https://grapesjs.com/docs/getting-started.html#layers Describe the bug How to reproduce the bug? Navigate to the GrapesJS Getting Started documentation at this link. Attempt to r...

GJS Helper

You've accurately identified a layout bug in the GrapesJS "Getting Started" demo regarding the resizing of right-side panels. The drifting behavior you observe is indeed not the expected smooth resizing where the panel's right edge remains...

#5497Nov 3, 2023by pittleCheung1 answer
0 reactions

Adding background image fails

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?my image link https://topkeeoss.cdn.weberss.com/602907992031105024-public/Beige%20and%20Black%20Spaci...

GJS Helper

The issue you're experiencing where adding a background image to an <img> component doesn't seem to work is not a bug in GrapesJS, but rather a common misunderstanding of how background-image CSS property interacts with HTML <img> elements...

#5487Oct 28, 2023by MaxDBenson3 answers
0 reactions

Style Manager doesn't display multiple rules for the same class

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://jsfiddle.net/497zkrpm/1/ Describe the bug How to reproduce the bug?Select the "Hello World" componentOpen the Style Manager and make sure "myclass" is checked in the classes sectionCh...

artf

Not a bug, the style manager handles only one rule at a time, if you want more advanced usage, you can use the API and implement your functionalities (eg. selecting different rules with the same selector)

MaxDBenson

Not a bug, the style manager handles only one rule at a time, if you want more advanced usage, you can use the API and implement your functionalities (eg. selecting different rules with the same selector) I see. Would you mind elaborating...

GJS Helper

The issue you've encountered with the GrapesJS Style Manager not displaying all rules for the same class is a known behavior stemming from how the editor's internal CssComposer and StyleManager interact with CSS rules. While CSS itself all...

#5484Oct 26, 2023by pittleCheung2 answers
0 reactions

Clone tabs and clone tab is not right now

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug https://github.com/GrapesJS/components-tabs question one <img width="1421" alt="image" src="https://github.com/GrapesJS/grapes...

artf

Please, open bug issues only if related to the core library, not plugins.

GJS Helper

The issues you're experiencing with cloning tabs and the entire tabs component in GrapesJS, specifically with the grapesjs-components-tabs plugin, stem from how GrapesJS handles component IDs during the cloning process. The grapesjs-compon...

#5478Oct 21, 2023by bryanjamesmiller2 answers
1 reactions

Custom block categories can't be named same as prototype object method names or it breaks Grapes

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Version 118.0.5993.88 (Official Build) (arm64) Describe the bug How to reproduce the bug? Video demo part 1: https://github.com/GrapesJS/grapesjs/assets/8781182/bfbbf6ea-7780-417e-880b-6199289...

artf

Thanks @bryanjamesmiller for all the insights, I'll investigate for a fix.

GJS Helper

This is indeed a valid bug report, and you've accurately identified a classic JavaScript pitfall within GrapesJS's block category handling. The issue arises when a custom block category is named after a built-in Object.prototype method. Ro...

#5457Oct 11, 2023by boardmain4 answers
3 reactions

Editor Freeze on loadProjectData 0.21.7

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 117.0 Reproducible demo link localhost Describe the bug grapesjs": "^0.21.7", editor.loadProjectData({ "assets": [], "styles": [], "pages": [{ "component": "<div>TEST TEST TEST TEST</div>" }] }) editor freeze Code o...

antoinematyja

Hi, I encountered the same issue using Vue 3 and using a vue ref to store the editor. Not sure if this is a good idea though. A code reproduction would be something like: Fix: don't use a ref ๐Ÿ˜…

artf

Are you able to provide a reproducible demo? Tried your example and I don't see any freeze....

boardmain

tried with the latest version 21.7 i try to put it online, but i just pasted html from a custom command, the source is pasted, but after it, the editor freeze ( i need to close the page ) for example ~~~ btnImp.onclick = () => { editor.run...

#5432Sep 29, 2023by mahmudz1 answer
0 reactions

TailwindCSS responsive md:w-2/3 classes gets converted to md:w-2-3

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 117.0.5938.132 Reproducible demo link https://jsfiddle.net/bx8rtseh/2/ Describe the bug How to reproduce the bug?Setup remote store managerLoad some html with tailwindCSS classes Sample What is the expected behavior...

GJS Helper

The issue you're encountering, where TailwindCSS classes like md:w-1/2 are transformed into md:w-1-2 when loaded into GrapesJS, stems from GrapesJS's internal class management and parsing logic. Root Cause GrapesJS, by default, processes a...

Browse all topics