GrapesJS Issues

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

3464 issues found

#3067October 8, 2020by maryia-kabash3 answers
1 reactions

FEAT: remove 'display: block' inline style from Style Manager sectors and properties

What are you trying to add to GrapesJS? Improve visibility for Style Manager sectors and properties. Describe your feature request detailed Currently if a sector or property is visible, inline style "display: block;" is added, which limits styling opportunities (e.g. it's now impossible to add 'display: flex' to prope...

artf

Probably, the end of this week

artf

The fix will be available in the next release, thanks

maryia-kabash

Thanks! Do you have any estimates on the release date?

#3066October 7, 2020by lebonsavane1 answer
0 reactions

Insertion on click

Hello, How can i implement the event handleClick ? i need some help @artf @fmr411

lebonsavane

And nobody gone answer so ?

#3065October 7, 2020by Davidvlv3 answers
0 reactions

BUG: gjs-hovered is not being removed when cursor leaves the layers

Version: 0.16.22 Are you able to reproduce the bug from the demo? [x] Yes [ ] No What is the expected behavior?Hover over body in the layers - body element has the class gjs-hovered and has a blue outlineMove mouse up and out of the layers body element should remove gjs-hovered and no longer have a blue outline What i...

fq-selbach

I discovered another issue with gjs-hovered. Sometimes the blue outline will move during scrolling. Check out this JsFiddle (and scroll with mouse-wheel): https://jsfiddle.net/vb7r1zns/ It seems to happen only when the HTML code starts wit...

artf

Thanks @Davidvlv for the report. The fix will be available in the next release. @fq-selbach your issue is a bit different, that happens with scrollable inner elements.

fq-selbach

Since you closed this I've created a new issue for the related problem: https://github.com/artf/grapesjs/issues/3152

#3064October 6, 2020by terdinatore2 answers
1 reactions

BUG: Newsletter made with GrapesJS does not render nicely on Mobile

Version: v0.16.22 Are you able to reproduce the bug from the demo? [X] Yes (Newsletter Demo) How to reproduce Export the default template or your own template (after you imported it) and send it using [](https://putsmail.com/). Open the mail on an iPhone. What is the expected behavior? When sent to a mobile device (in...

boomshakar

The workaround to this issue is setting the body to 100% width & height, then the email container itself should have a max-width of 550px and width of 100%, then height: auto and min-height: 100vh or 150px

artf

Hi @terdinatore the core of GrapesJS is about creating the editor for building stuff with HTML/CSS/JS, but building the right email blocks/components is up to who integrates the editor

#3063October 6, 2020by HeyWrecker3 answers
2 reactions

BUG: Block Highlight Display Bug

Version: 0.6.18 You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo? [ ] Yes [x] No I think this may be due to the demo being in full screen mode? What is the expected behavior? I would imagine that the Rich Text Editor toolbar placement should be near th...

artf

Look, in the latest release, we've added this option https://github.com/artf/grapesjs/blob/8822aa6c6e8ced09ad50f2c8392f1754d3a6ec8b/src/editor/config/config.js#L151-L157 So, at first, ensure you're not serving a cached grapesjs version fro...

HeyWrecker

@artf Like you, I wasn't able to reproduce in a fiddle. So I began decomposing the HTML piece by piece until I discovered that one of the primary site containers had an overflow-x: hidden; defined on the class and for some reason or anothe...

MartinPutz

@HeyWrecker I've seen something similar when no device is selected or the canvas is manipulated by external JS. Could you check the currently selected device using: https://grapesjs.com/docs/api/editor.html#getdevice

#3062October 5, 2020by dharmatv1 answer
0 reactions

Asset manager - After click on image how to hide modal

Version: 0.15.9 What is the expected behavior? After clicking on the uploaded image in the asset manager, that modal should be closed Describe the bug detailed After clicking on the uploaded image in the asset manager, that modal shouldn't be close Could u please provide a solution on how to hide the modal after click...

artf

You can read here about how to extend assets https://grapesjs.com/docs/modules/Assets.html

#3061October 2, 2020by timramseyjr1 answer
0 reactions

BUG: adding changeProp: 1 to trait causes trait changes to not propagate to remote Storage

Version: 0.16.22 What is the expected behavior? changing Trait property(columns in demo) should trigger POST to remote storage regardless of changeProp https://jsfiddle.net/tntramsey/vgbeLarj/3/ - changing columns on the 'Test Plugin' initiates a POST to the remote storage https://jsfiddle.net/tntramsey/n7tgojhy/4/ -...

artf

changeProp in this case updates the component property and being custom is not tracked. As a workaround you can propagate them in this way (in your custom component model)

#3060October 1, 2020by revdfdev3 answers
0 reactions

FEAT: No example shown for extending a component like image type

There is no examples for components like extending image types , the docs seems a little bit difficult to understand and comprehend , if there is example for customizing an image type or the image uploader for a separate component then it would be nice, because we have I have a use case in my project.

artf

You extend the image as any other component, it's explained here. If you have a particular use case, it's up to you looking at the source of the component implementation

abulka

I am facing the same difficulty as @revdfdev - when following the documentation example to extend an existing component, I am struggling to comprehend. For example the documentation says: what does one put into the { ... }? This is never e...

artf

When you extend the default properties it works like that: If you need to have propB merged with the one from Component A, you would need something like that Interesting, in the above example, I get the attribute test without explicitly de...

#3059October 1, 2020by lebonsavane3 answers
0 reactions

Header goes on a textbox

Hello, so first thanks to have create GrapesJs this very usefull. I have an issue i add an header on my page and that's the code i add for the header: <header style="padding: 100px 0px;position: absolute;top:0; width:100%"></header> The problem is : When i add first a text area or an other element and then i add the h...

artf

Are you able to provide a live example?

lebonsavane

How can i contact you ?

artf

@lebonsavane just provide an example on JSFiddle or similar

#3058October 1, 2020by dharmatv3 answers
0 reactions

How to modify existing block properties in style manager

Version: 0.15.9 How to modify/remove few CSS properties for existing blocks like(text, image) in style manager I have checked the following link also https://github.com/artf/grapesjs/issues/1428 Could u please provide a solution

dharmatv

I tried with the above solution(#1428) but didn't get output, please check the following code and view screenshots, so, please help on this https://snipboard.io/Om0BXG.jpg https://snipboard.io/tcJVY0.jpg

artf

Please explain better what are you trying to achieve

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...