GrapesJS Issues

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

203 issues found

πŸ” enhancement
#2871Jul 2, 2020by acxvgalanov1 answer
1 reactions

Image doesn't resize toolbar and selection frame on update

GrapesJs version: 0.16.18; Steps to reproduce:Add Image block, set any image;Select the added block;Double click and change image to any other image with a different size and/or ratio. Expected result: The image is updated, the toolbar position and selection frame are updated. Actual result: The image is updated, the...

artf

Thanks for the report, it will be fixed in the next release

#2624Mar 5, 2020by kierenayima1 answer
1 reactions

Generated styles do not escape colons in classnames

Currently using GrapeJS for a project that I am working on locally and integrated it with some tailwind UI components. It mostly works great, but I have noticed that making changes on some elements does not work (for example, changing text color or formatting). Looking at it further I can see that this is because the...

artf

Thanks for the report @kierenayima Selectors will be escaped in the CSS in the next release

#2605Feb 27, 2020by alesub2 answers
0 reactions

Getting a 404 on mixins.js

First of all, thank you for this great tool.I'm using the latest version.The bug happens with a local copy of GrapesJS.MacOS - latest Chrome browserThe bug is not present on the demoExpected behavior: have the editor loading without any errorsWhat happens instead: I get a 404 error when the editor is appending styles...

artf

I think it's coming from cssIcons, seems like I forgot to check the value somewhere

alesub

Amazing, looking forward for the next release! Thanks!

#2592Feb 21, 2020by kaoz703 answers
4 reactions

Modal width

Hello, is there a way to set a modal's width, its currently set to 850px by CSS, but I would like to create a dialog with a small amount of text and its too big for this: But it would be great to get this: Without overriding the CSS, because I would still like to use large modals. I checked the source code and the doc...

ronaldaug

For those who don't know how to use modal attributes. You can add option opts.attributes to modal's open method as below. Because I didn't find how to use it in the documentation here.

kaoz70

OK, what I'm thinking is to create a function to be able to set the width like: setWidth('400px'), and also a method to set custom attributes: setAttributes({'data-custom-attribute': 123}). I think 2 functions are needed because the width...

kaoz70

Hello, sorry I'm piled with work now, if @sunnykgupta can give this a shot it would be great.

#2522Jan 22, 2020by jcamejo3 answers
2 reactions

Warning on setting up wrapper's height to 100%

Hi @artf I hope everything's going well. This is more like a reminder or a warning message for an issue I've just had that it took me some time to figure out. if the wrapper's height (modified by the selector #wrapper by default) is set to height: 100%; instead of min-height: 100%, the editor's tool container will tak...

artf

Hi Juan, thank you for all the details, I'm going to merge soon a big canvas refactoring and will see if we can fix it (eg. attaching scroll callback to the wrapper)

artf

Thanks for the reminder @bgrand-ch I actually forgot about this issue 😬 Will be fixed in the next release.

jcamejo

Glad to hear it, i hope the refactoring helps to fix the issue.

#2427Nov 25, 2019by senchden1 answer
0 reactions

Add toolbar redraw functionality

If a selected model toolbar is being changed dynamically (adding a button, removing a button, etc.), the change is not being reflected visually unless the whole component is being redrawn. I think it would be nice to have a capability to see the change in toolbar property being rendered visually (automatic or manual).

artf

Closing this as the update of the toolbar is already in place

#2420Nov 20, 2019by prestonkscottNo answers
0 reactions

Cancelling block drag in IE breaks canvas functionality.

I'm seeing this issue locally and on the GrapesJS demo when using Internet Explorer. If you drag a block over the canvas and attempt to cancel the drag by either dragging the block back to the starting container, or by pressing escape, a new component is still added to the canvas and the canvas highlighting and toolba...

#2419Nov 20, 2019by MartinPutz3 answers
1 reactions

Absolute dragmode does not work on touch devices

Absolute dragmode (with grapesjs touch plugin) does not work on touch devices. GrapesJS version:0.15.8 Expected behavior: The user should be able to move components using drag and drop on touch screens as well. Current behavior: The user can drag and drop a block just fine. If the user wants to move the dropped compon...

wfcheng

This may or may not be related. I noticed with grapejs v0.16.34 on OSX Safari, the event argument inside onStart() function in src/commands/view/ComponentDrag.js is undefined when I drag a block onto the canvas, which can be reproduced wit...

pradeeshattlee

Hey @MartinPutz The asset manager doesn't pop up on the iPad, desktop on touch devices- chrome, firefox, and safari. And the editor canvas scroll doesn't work on the iPhone. What am I missing? Thanks in advance.

MartinPutz

Hey @pradeeshattlee This issue is not really related to the asset manager, but moving the components around, once they are rendered. I rarely use the asset manager, but as I recall it was working just fine on iPad as well. If I were you I...

#2381Nov 6, 2019by ColinTenaguillo3 answers
3 reactions

Is it possible to add info modal on the editor

Hi, I would like to add on the grapejs editor a clickable questionmark we can click so we could give information on what does this specific spec to the user. It would open a modal with all the information that we could give when we add the property to a sector. Like you do in the webpage demo.

artf

Currently, there is no documentation about extending/updating style manager properties (I've just realized few plugins like grapesjs-style-filter and grapesjs-style-gradient but is not enough) and in all honesty, what I've done so far (as...

ColinTenaguillo

Here what i made today with a bit of modifications : It's look i wanted now i juste need to find a way to put in the content i want in the modal

ColinTenaguillo

Hey, how can i publish my branch with my modification for a pull request ? This is PropetyView changes i've done I've also add css for these specific modal based on the css of the modal you use

Browse all topics