GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 119.0.6045.200 64 bits Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Drag and drop a video block into the canvasClick on the video and select YouTube as the Provider...
artf
Looks like the muted property was correct for Vimeo but not for Youtube. I'll push the fix, thanks.
GJS Helper
Thank you for reporting this issue and for your thorough investigation. You've correctly identified the root cause and a working solution. This is indeed a bug in GrapesJS's default YouTube video component. Root Cause Analysis The issue st...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 117.0.5938.134 (Official Build) (64-bit) Reproducible demo link https://jsfiddle.net/ap404703/0e5zop1n/ Describe the bug Example as below Grapes Js file :- // Initialize GrapesJS const editor = grapesjs.init({ canv...
artf
@ChiragS-Prajapati you have to use draggable/droppable component properties to control where components could be dragged and what components can be dropped inside.
GJS Helper
The issue you're encountering, where one section block can be dropped inside another, is a common behavior in GrapesJS by default. GrapesJS treats HTML elements like <div> and <section> as containers, allowing other components to be nested...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome latestReproducible demo link https://github.com/padcom/grapesjs-no-id-for-element-exampleDescribe the bug When creating custom GrapesJS components, if those components have the script() (runtime behavior for component...
artf
The issue is caused by the use of jsInHtml: false and how the internal JS generator is handled. I'll try to fix it for the next release.
GJS Helper
The issue you've described is a known behavior in GrapesJS related to how component IDs are generated and optimized during HTML serialization. When a custom component has a script() function but no explicit styles applied to it, GrapesJS m...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Edge Reproducible demo link NA Describe the bug How to reproduce the bug? Version: 0.18.2 We have the following error logged in our system from grapejs module. We are not sure in which scenario this error is thrown. TypeEr...
artf
0.18.2 it's quite an old version, you have to upgrade
GJS Helper
The TypeError: Cannot read properties of undefined (reading 'width') error in GrapesJS 0.18.2, originating from getTargetToElementFixed and updateToolsGlobal, indicates that GrapesJS's internal tools (such as the selector, resizer, or gene...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome Version 116Reproducible demo link https://jsfiddle.net/h5b0ndvL/1/Describe the bug When a component is re-rendered in the canvas, a new attribute added to the model definition get rendered, but a newly added class doe...
Sw33tgt
For the moment, as a workaround, I added this in a editor.on('component:mount', (component) => {}); function until any feedback is received. It seems to be working well. In a case where a class is removed from the definition, the removed c...
Sw33tgt
Yeah, this is intentional with classes, with your approach you won't be able to remove defined classes from the component, they will keep being added on component init. Which is fine for when a class has been forgotten on a component and w...
Sw33tgt
Something like this in the initClasses() function of Component.ts would add the new classes to the element on render. Let me know what you think :
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v116.0.5845.97 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Select any component from the canvasOpen the Layer Manager PanelSelect the first "Section" componentUse...
Sw33tgt
I downgraded to v0.21.4 and I don't have the issue anymore, so this is only occurring on the latest version available.
padcom
Having the same issue in the simplest examples. Downgrading do .4 makes it go away. Regression?
artf
Yeah fixed already here. I'll push a new release for the end of this week.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Windows, Chrome, React Reproducible demo link / Describe the bug When attempting to add a custom atRules like @container or @font-face, the CSS consistently compiles to @media instead. I have tried various methods, includi...
GJS Helper
The issue you're encountering where custom AtRules like @container or @font-face are compiled to @media when using editor.Css.addRules is a known limitation in GrapesJS's current CssComposer. Root Cause GrapesJS's CssComposer (the module r...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64)Reproducible demo link noneDescribe the bug When I try to reorder the elements on my canvas by sorting them in the layer panel, I repeatedly get the followi...
arbisyarifudin
Im facing same issue
rozek
Sorter.ts:500 contains const cv = this.em!.Canvas, which is obviously wrong (as em is null or undefined) Unfortunately, I don't currently understand the code with all its abbreviations - but: would a change of line 499 to if (model?.set &&...
artf
Closing as duplicate of https://github.com/GrapesJS/grapesjs/issues/5355
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 116 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Open the layer manager and try to move the componentIt will disable the component and show the errors in the consol...
GJS Helper
Thank you for reporting this issue. I can confirm that this is a reproducible bug in the latest version of GrapesJS, including on the official demo page (https://grapesjs.com/demo.html). This bug prevents users from reordering components u...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64)Reproducible demo link noneDescribe the bug scripts referenced by canvas.scripts can not import third-party modules based on an "import map". if the same mo...