GrapesJS Issues

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

3464 issues found

#737January 10, 2018by austinbiggs2 answers
0 reactions

While dragging, increase the "range" of the auto-scrolling

Is it possible to increase the "range" of the vertical auto-scrolling. Already, when a user is in the top x% of the window (while dragging) the editor will scroll up. The same is true for scrolling down of course. What I'm curious about, is where this is controlled? I'm not sure what to search besides "scroll" or pote...

austinbiggs

I was able to accomplish this by changing the value of the variable limitTop.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#735January 9, 2018by austinbiggs3 answers
0 reactions

When resizing images in the same section, they all resize...

I'm encountering a strange bug, when resizing a single image, the sibling photo is also being resized. My only thought is around how the corresponding image is being resized. Perhaps the selector that Grapes is choosing is too vague?

ryandeba

Hi @AustinTBiggs, I suspect that grapesjs is applying the height/width styles to a class which is applied to both images. Could you check to see if both images have the same class?

artf

Hey Austin, as suggested by Ryan, just remove the class

austinbiggs

@artf - I can do that as a quick fix. However, it seems counter-intuitive. Classes in CSS are meant to be re-used. If the "fix" is to remove the class, that seems to me that the issue is how Grapes deals w/ classes. I use classes on images...

#734January 9, 2018by austinbiggs3 answers
2 reactions

Top Border missing on some resizable elements

On a few resizable elements, the top outline seems to be missing. Is this a known issue? I can't seem to find any conflicting CSS.

ryandeba

Hi @AustinTBiggs, I've not seen this issue before, but perhaps others have and could assist. I'd be interested in looking into it if you wouldn't mind providing a bit more info - could you provide a jsfiddle and/or steps to reproduce? Do y...

austinbiggs

This one makes me feel quite silly in hindsight. The issue was the parent element's overflow property. The strange thing is that the top outline would show when it was only 1px thick, but none of it showed when it was 3px thick (hovering v...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#733January 9, 2018by HarshOB2 answers
0 reactions

Cell size is not auto increase if i drop image.

Hey @artf If I select 2 columns component and inside the first cell if I drop image component and choose any bigger image then cell size is not increased in grapes editor and in final output it looks ugly as well. Thanks.

artf

@HarshOB I've tried with the demo and it works as expected

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#732January 9, 2018by Deepak8132 answers
0 reactions

How to show edit icon on other elements

Hi @artf, Please let us know How to show edit icon on other elements.

artf

This is how it's done on the image component https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentImage.js#L33-L38

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#731January 9, 2018by ryandeba2 answers
1 reactions

Traits of type "color" do not work

Hi @artf, I had previously mentioned in a pull request that traits of type color do not work. At the time I didn't have a need for them, but now I do so I'd like to look into fixing it if you haven't already started on it. The bug is in the InputColor object when it calls model.setValueFromInput - traits don't have th...

artf

Does the Trait object need a setValueFromInput method? This leads to the duplication of code but still think this will gonna work better moreover setTargetValue it's not actually a correct way because you have to update the model first (a...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#730January 9, 2018by austinbiggs3 answers
1 reactions

Preserve aspect ratio while resizing?

When a user resizes an image, I'm trying to maintain the original aspect ratio, as there's little need to skew an image. I believe I've found the code handling this behavior. However, it's unclear to me whether I should modify the Start key or something else. @artf - Any suggestions? I'm looking to integrate this help...

artf

I had a max-width on my images which was skewing them when I resized them too large, whoops! Greate, I close this thenIs there a way to disable certain handles? Besides w/ CSS Each component has a resizable property where you can also pass...

artf

@AustinTBiggs did you try to use corner handlers? By default, the ratio is preserved, otherwise you can hold shift to turn it off

austinbiggs

I had a max-width on my images which was skewing them when I resized them too large, whoops! @artf - Is there a way to disable certain handles? Besides w/ CSS

#729January 9, 2018by austinbiggs3 answers
1 reactions

<body> shouldn't be badgeable / selectable

I'm currently trying to remove the badgeable and selectable permissions from the <body> tag. I've tried setting the gjs-editable, gjs-badgeable, etc. permissions and nothing seems to the the trick. How would you suggest approaching this?

ryandeba

Hi @AustinTBiggs, This works for me in the demo: editor.DomComponents.getWrapper().set({badgable: false, selectable: false}) You may also want to set hoverable to false if don't want the blue highlight to appear on hover.

austinbiggs

@ryandeba, I'm sure you can imagine how silly I feel now. Grade A solution, thanks!

ryandeba

You're welcome! Glad I was able to help.

#727January 8, 2018by kevinalvarez3 answers
3 reactions

Two devices with same width

Hi all, We have an scenario where we need to have two devices with same width. Almost everything works fine, but when we try to change between these devices (same width), the elements from the preview don't answer until we change another device with different size. Any idea? Thanks!

kevinalvarez

Look at this demo: https://jsfiddle.net/9w2g8su5/1/ I have 4 devices. General and Desktop have the same width. If I change from General to Desktop (or vice versa), I can't select or edit any component from the canvas until select another d...

ryandeba

Hi all, I did a little bit of research into this, I believe the issue starts inside of FrameView.updateDim() when em.stopDefault() is called, which stops select-comp (the default command) until the resizing transition is done. Since the di...

artf

Is calling em.stopDefault() necessary inside FrameView.updateDim()? I'm guessing there's a good reason for it, but I'm not sure what that reason is. It's there to prevent fixed highlighting box which appears when you hover components durin...

#726January 8, 2018by perfect-coders3 answers
0 reactions

After renaming the elements in layer manager, it is not saving.

I am able to edit the tag names in layer manager but I want to save the custom names given by the user in layer manager. Please help me in doing this.

artf

Probably you're just storing/loading HTML (which doesn't have this information) instead of JSON

perfect-coders

Is it possible to rename and render it again as with changed labels on the layer manager.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.