GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

743 issues found

πŸ” bug
#896Feb 23, 2018by maxtacco3 answers
4 reactions

Media query rules are overridden by class rules in canvas

Hi @artf , I've noticed an issue while testing one of my templates using different device configurations that supposed to trigger media queries. My template has styles generated as following: It looks like this JSON is used to generate styles inside canvas as in this screenshot: You can see here that the '.cell' style...

vrudikov

@artf Created the PR

artf

Thanks for the catch guys and the great video @vrudikov, was really helpful. I'll investigate this

vrudikov

So now we have the following structure: And you want something like this:

#873Feb 15, 2018by v8jupiter3 answers
0 reactions

After using urlLoad from storage manager impossible to change component with Traits

Hello, I am save template to db and after loading from db impossible to change component with Traits. Video example on countdown: https://youtu.be/0QPKswfhzlU version: "0.13.8"

v8jupiter

I updated to "0.14.5" and still have issue. I am trying to debug and found next, traits always return old value which was selected before saving .

v8jupiter

Can someone help me on what place start to investigation issue?

artf

Thanks for the catch @v8jupiter it was actually an issue with the component javascript loading. I'll publish the fix with the next release

#806Jan 26, 2018by chiqui3d1 answer
0 reactions

The arrows on the extra transform block don't work

Hello! As I say in the title the arrows to increase or decrease the rotation of any element in the canvas does not work. Nor does it work to modify the color in transitions. All this in the extra section of the block manager Thanks!!

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.

#761Jan 15, 2018by gabrigcl3 answers
7 reactions

Text component problem

Hi. I wish a text component that do not create new components every time I press "Enter" key to create new paragraphs (this is a bad usability). In addition, the actual text component from the core of grapes has a problem (described in the screencast below). Thanks in advance for your attention!

Moikapy

Not sure if I found this code in an Issue on here or on Stack Overflow, but this code here replaces the Divs with a <br/> when you press the enter key. I placed this code in the same file as my grapes-config

ryandeba

I looked into this myself a few days ago...apparently there's an insertBrOnReturn option for execCommand, but the browser support is terrible. A solution like this is probably better. @artf How would you want this to change? Should hitting...

gabrigcl

I've found a solution to my needs using CKEditor and overriding the native "text" component creating my own. My text component now is a div with a css class that identifies the component: Now, typing ENTER does not create a new component....

#727Jan 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...

#681Dec 25, 2017by vishal50332 answers
0 reactions

Toolbar shown again on scroll even if it is hidden in Firefox

Hi, We have hide the toolbar using gjs-data-* properties. It is successfully hidden. But in firefox when you scroll down , it again pops up on the same element. before scroll. after scroll. Can you please guide us? Thanks

artf

Thanks @vishal5033 I found the bug, it should be fixed in the next release.

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.

#595Nov 30, 2017by ateshuseyin3 answers
0 reactions

Cannot drag with fast actions

When I move a block on the canvas before showing clone element, editor does nothing. Only move clone of the block symbol.

ateshuseyin

Any one have an idea?

artf

unfortunately, I didn't find the time yet to investigate this

ateshuseyin

Is this fixed?

#552Nov 21, 2017by g41n3 answers
1 reactions

Can't reset body background

I've found this here #351 but seems not to reset the body background... Any other way to do this?

artf

@duskhacker I'd say it's somehow related but not the same issue. CSS you're mentioning it's generated from two different places and it's some kind of a basic CSS reset *{box-sizing: border-box;} comes from https://github.com/artf/grapesjs/...

ryandeba

Hi @g41n, Can you provide a jsfiddle (or equivalent) showing the issue? I just put this together which first sets the body background color to blue, and then clears that style 2 seconds later: https://jsfiddle.net/gn3jtahv/. That seems to...

g41n

Hi @ryandeba, thanks for the reply. After some digging here there is a fiddle https://jsfiddle.net/x118ks1v/ and steps to reproduce:click on the reset button, reset is successfullclick on body and change background from the panel on the ri...

#542Nov 18, 2017by duskhacker3 answers
1 reactions

Calling render() on PanelManager breaks style manager

In lieu of #540, I'm trying to manually remove a button from the options panel, with this: This works ok, the button goes away, but the pnm.render() seems to break the style manager, in that it becomes unresponsive. Non of the other stuff seems to break, just the styling. Is this a problem I'm introducing or a bug? Th...

duskhacker

It occurs to me that I can just hide the button with some CSS, which is what I've done. I'm still curious about the render though.

sbarfurth

This should be high priority, makes modifying panels after the first render impossible.

artf

I'm closing this as we've removed render method from the public Panel API, it should be executed only on init by the editor. In addition, now you can remove buttons easily by doing this panelManager.removeButton('panelId', 'buttonId')

#495Nov 8, 2017by telliott223 answers
0 reactions

Highlighter and toolbar in the wrong place

Hi, From time to time, on my canvas the highlighter and toolbar appear in the wrong place. Is this a known bug? Do I have to manually refresh the canvas? It seems that the top css property on gjs-highlighter and gjs-badge aren't being calculated properly, they still line up horizontally just not vertically. Any ideas?...

artf

I'm aware of the toolbar "jump" when the content inside it changes (by adding or removing buttons) but not with the highlighter. Do you use the editor inside a scrolled page?

telliott22

Any way to stop the jumping when the content changes? Yes, the page is scrolled. Should I limit the height of the editor to the browsers height?

artf

Yeah, unfortunately, there is a bug which doesn't get a correct dimension of the scrolled page

Browse all topics