GrapesJS Issues

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

1180 issues found

#2603February 26, 2020by CharlesBilbo1 answer
0 reactions

[BUG] Storage Manager type:remote breaks containment

It seems that whenever the parameter type: 'remote' is added to the storageManager it causes the container to break thus putting elements in visual editor that should not be selectable such as the iframe ( https://imgur.com/a/dytYIV7 ). var editor = grapesjs.init({ allowScripts: 1, avoidInlineStyle: 0, container: '#gj...

artf

@CharlesBilbo if this is a BUG, you have to open the issue correctly by following the template and provide a reproducible demo. From what I see now it might be something wrong on your side, you have the gjs-* class applied on the body?! De...

#2601February 26, 2020by cristianumali222 answers
1 reactions

[QUESTION/BUG?] Dragging second block don't haveCSS

Hi! I've manage to create different blocks with their own HTML and CSS using BlockManager. But once I drag the same block, the CSS is not working. I've already debug it. And I found that its renaming the my blocks' id. Example. I have a table with an id of custom-table. And when I drag the same table, the id becomes c...

rjrodriguezalvarez97

Try styling with classes as selector rather than ids

artf

You can't have multiple elements with the same ID (against also HTML5 specs) so the editor tries to fix that, so yeah, you have to use classes

#2591February 20, 2020by Jogai1 answer
0 reactions

[Bug] Latest version is not on npm

I see that the version numbers are incremented, but the package is not published on npm after 0.15.15. Time for a 0.16 😃 Other issue about npm: https://github.com/artf/grapesjs/issues/2568 (not sure if related)

artf

It might happen to see a new build available in the dev repository but that means the version is not yet stable to be published 😉

#2581February 18, 2020by Jogai3 answers
0 reactions

[Bug]: How to use components

Using GrapesJS 0.15.10 I cant get the components to work the way I intent. Its probable me, so if its a question, feel free to adjust the title of the issue. (its a follow up of https://github.com/artf/grapesjs/issues/2195) I've made a pen (hope thats ok, didnt see the fiddle templates) for my example: https://codepen...

pouyamiralayi

Hi @Jogai you must also specify the `data-gjs-draggable on the <td>`: Cheers!

Jogai

Thanks. At least thats an improvement, but still the other properties are not taken into account, and if you try tro drag it (since the drag arrows still show up) it throws an error and then the whole editor is in a broken state. I updated...

Jogai

Updated the example. Its sort of a followup on https://github.com/artf/grapesjs/issues/2195 My assumption is wrong that draggable needs data-gjs- prefix, because the html part without using component doesnt have that either. Still the chil...

#2579February 18, 2020by ahmeds633 answers
3 reactions

[Bug]: Blocks icons & font size too small to read

Hi, I am using grapesjs webpage preset plugin to create the webpage builder. But as you can see the icons and font size of the blocks is too small. What could be the issue? They show perfectly fine in the demo here: https://grapesjs.com/demo.html see the size comparison from my local and demo. <img width="233" alt="Sc...

artf

Just fix them with CSS

ahmeds63

For some reason the problem was with embedding the GrapesJS editor within a form that was itself enclosed by bootstrap columns. So the space was tight and GrapesJS stylesheet is using rem font unit for fontawesome icons which sets the font...

ahmeds63

I am facing issue again with the icon sizes of three blocks check the screenshot. As you can see tooltip, custom code and typed have huge icons and they are not matching the normal size of other icons. <img width="254" alt="Screenshot 2020...

#2576February 17, 2020by ajaykr0891 answer
0 reactions

Uncaught DOMException: Failed to execute 'matches' on 'Element': The provided selector is empty.

Hi there, I m getting below error while dropping components on the canvas. This only occurs if i have already some disabled components on the canvas. Uncaught DOMException: Failed to execute 'matches' on 'Element': The provided selector is empty. at r.matches (webpack-internal:///./nodemodules/grapesjs/dist/grapes.min...

artf

Follow the issue template if you're submitting a BUG

#2574February 17, 2020by MCiocio1 answer
1 reactions

Thanks @artf for this work!

WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...

pouyamiralayi

@MicheleBowl this is how you can support the project!

#2571February 17, 2020by h3llomoto3 answers
0 reactions

[BUG] Layer visibility btn

If I change the state of the visibility btn - gjs will remove display style and then when I click "show layer" - it won't restore display style. I think it's a bug. Gjs should save current display's options on layer visibility button click to restore it.

artf

I agree 👍

h3llomoto

OK guys I found a hotfix for this problem if you need:

artf

Thanks @h3llomoto the logic is totally correct, I'll make the same change but a bit more idiomatic

#2567February 13, 2020by tranthanhhoa1 answer
0 reactions

[BUGS] Can't change background-color a component on FireFox

Version: 0.15.10 Bug: Can't change the background color of a component on FireFox (v73.0) How to reproduce it: Goto https://grapesjs.com/demo.html on Firefox Select a component then open Decorations group and change Background Color Result: https://prnt.sc/r1oxhg The selected component doesn't apply new background col...

artf

Increase the alpha channel