GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

1180 issues found

#3007September 7, 2020by KishanRavindran1 answer
1 reactions

BUG: I am not able to drag and drop a component outside form getting a warning.

WARNING Version: 0.16.22 Are you able to reproduce the bug from the demo? [1 ] Yes [ ] No Not able to drag and drop the input or textbox or select from the forms block Whenever I drag and drop an input component I am getting the below When I try to drag and drop an input or any component except a form the drag and dro...

RJCAM

Hi @KishanRavindran that's not a bug, it's the default behavior of the editor. Check this issues #2812 and #2180 to see more info.

#3006September 7, 2020by ashercoren1 answer
0 reactions

BUG: Don't loop over objects with a for in loop

Version: 0.16.22 Are you able to reproduce the bug from the demo? [-] Yes [ ] No What is the expected behavior? Looping over objects should be done using Object.keys.forEach..., and not with a for-in loop. Looping over objects with a for in loop will include properties that are inherited through the prototype chain. T...

ashercoren

This caused a bug in our application since we are using some package that adds properties to the object prototype. When trying to initialize a grapes.js editor we get an error in the console.

#3005September 7, 2020by Davidvlv3 answers
1 reactions

BUG: Layer manager appendTo is duplicating the layers every time grapesjs is init

Version: 0.16.18 and up (The issue was introduced somewhere after 0.15.3, not sure when) Are you able to reproduce the bug from the demo? [x] Yes [ ] No What is the expected behavior? On grapesjs.init() the layers manager with appendTo should replace the layers with a new one What is the current behavior? When grapesj...

artf

mmm honestly I don't see how that might have worked previously but I'll fix it in the next release

RJCAM

Hi @Davidvlv your appending the layers outside the "gjs" div element so you can see that when you remove the grapesjs editor (with the remove button) the layers panel stills there because like you're doing it you're separating the editor f...

Davidvlv

Thanks @RJCAM , I can see how to patch it. The issue is that this was not the previous behaviour before I upgraded from 0.15.3 to 0.16.18 - it used to handle appendTo fine when re-initializing. So I am still of the opinion that this is a b...

#3002September 4, 2020by jcamejo2 answers
0 reactions

BUG: CSS Properties are not correctly loaded if style manager panel is not active at initialization

Hi @artf! Let me describe the issue Version: 16.22 What is the expected behavior? The css property values and visibility settings should take the correct configuration Describe the bug detailed If the style manager is not active on editor load, when you click on an element and open the style properties, they are not u...

artf

I guess we have to call checkVisibility also in render (probably before onRender call)

artf

I'm closing this one as I'd expect this to be fixed from v0.18.*

#2999September 3, 2020by jenter3 answers
0 reactions

Drag Sorting issues in Web Component with Shadow Dom disabled

Version 16.10 Are you able to reproduce the bug from the demo? [X] Yes [ ] No What is the expected behavior? That GrapesJS can support dragging & sorting interaction with custom Web Components which do not have the Shadow DOM enabled. Describe the bug Hello, we use GrapesJS extensively and integrate many of our custom...

artf

This bug/request isn't just for StencilJS, but just in general with Web Components and the Shadow DOM. Are there best practices with Grapes and Web Components with enabling or tracking events to mediate these issues? I'm not working with W...

jenter

@artf sure thing, thanks for the quick response. I have imported my custom web component library here in this Fiddle to demonstrate the issue: https://jsfiddle.net/jenter77/5btn2ao7/25/ If you reference my public repo and example "faux-gri...

artf

Hi Jason, I've tried to give a look at what is happening inside the editor and, I'm not sure how the shadow option actually affects this behavior but, the main issue I see is that dynamic <div class="delayed--wrapper"> element. Basically t...

#2986August 31, 2020by FlowingCloudRTL1 answer
0 reactions

BUG: Addframe method not working with the component props

Version: "0.16.18" Are you able to reproduce the bug from the demo? [ X] Yes [ ] No Steps to reproduce the bug in web builder demo: Open the demo and the console, enter editor.Canvas.addFrame({ name: 'Mobile home page', x: 100, // Position in canvas y: 100, width: 500, // Frame dimensions height: 600, // device: 'DEVI...

artf

Thanks @FlowingCloudRTL for the report but the multi-frame feature is still far from being complete so I'm not surprised about the issues. If anyone is interested in bringing this feature further, please let me know

#2982August 28, 2020by mitcht3 answers
0 reactions

BUG: Executing editor.load(x) on x = editor.store() results in error.

Version: 0.16.18 Are you able to reproduce the bug from the demo? [X ] Yes [ ] No What is the expected behavior? I would expect that assets, components, css, html, and styles would be repopulated. Describe the bug detailed I am working on an existing system that has a database schema preventing me from using the Stora...

mitcht

Yes, I see that .load takes a callback function. I'll admit, I'm probably doing this wrong. I only started using grapesJS a few days ago. If my bug report is not truly a bug, how would one store the current state of the editor (possibly as...

mitcht

I'm investigating https://grapesjs.com/docs/modules/Storage.html#storage-api but I still would like to just be able to 'set and forget' :)

artf

There is an example which illustrates exactly what you're looking for https://grapesjs.com/docs/modules/Storage.html#define-new-storage

#2980August 27, 2020by ikenderham2 answers
0 reactions

BUG: range slider not working

Hello everybody I am trying to make a range slider inside a trait, where i can change a div height. I created a new component and inside of it i created a trait. I tried to make a solution with a selectbox that seems working. But now i will try to do that with a range slider, but i really dont know how to make it. Its...

ikenderham

https://jsfiddle.net/psrdmx4c/

artf

There is no built-in range trait, you have to create one first

#2979August 27, 2020by ghost3 answers
1 reactions

BUG: Defaulting Style Manager values to em or %

Version 16.17 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? I can set up the style manager so that I can present all units, the deafult unit and the value of and parameter that uses a size value (font-size, line height padding etc.) Describe the bug detailed When settin...

ghost

Here you go, I hope it illustrates what I am trying to do https://codepen.io/ksn-systems/pen/LYNzdje thanks

artf

Hi @ksn-systems are you able to create a reproducible demo, please?

yucomds

Same problem for me. I'm trying set to 20px the default font-size on editor load. Do you have a solution for this issue?