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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...