GrapesJS Issues

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

3464 issues found

#4099January 25, 2022by jloguercio1 answer
0 reactions

BUG: "Using draggableComponents: false" still drag (clone?) some elements if i try to edit text

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v96Reproducible demo link https://jsfiddle.net/809enL2w/1/Describe the bug I use domComponents: { draggableComponents: false }, to avoid to drag components, only when you drag with the arrow in toolbar, but if do a fa...

artf

Yeah seems like the native HTML5 D&D still works with text selection, I'll try to fix it.

#4097January 24, 2022by Joshmamroud2 answers
1 reactions

BUG: mousePosFetcher in resizer config & change:style listener not working

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave V1.34.81 Reproducible demo link https://jsfiddle.net/joshmamroud/vkrcxuzb/41/ Describe the bug How to reproduce the bug?Add a Grid block to the canvasResize a columnNotice the console logs aren't displaying for mouse...

artf

Hi @Joshmamroud CBs should be called when mousePosFetcher is called That is not happening because resizable options are not directly passed to the Resizer, but through the resize command. You can see mousePosFetcher there is handled by the...

Joshmamroud

Thanks @artf! That makes sense.

#4094January 22, 2022by sridhar3913 answers
0 reactions

BUG: When drag and drop block into editor in Chrome, not able to drag and drop block

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 97.0.4692.71 (Official Build) (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Drag and drop the basic blocks in the editor What is the expected behavior?Drag...

artf

I see no issues on my side (latest Chrome version).

sridhar391

@artf We are using the Ubuntu OS with the latest version of chrome browser, please give us an example on how to debug for the drag and drop functionality and please tell us if there is any callback function called while drag and drop block

Vac1911

I am also using ubuntu + chrome and getting the same issue on the demo, the examples in the docs and a locally installed version. Here is a the error message I am getting: Note: no matter which block I drop in the error is the same https:/...

#4083January 20, 2022by henzigo3 answers
1 reactions

BUG: Set root does not work

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Safari 15.0Reproducible demo link https://jsfiddle.net/adw6y12f/9/Describe the bug Hello, I'm trying to set root component for the editor as it was described here. Unfortunately, this is not working and I can edit all HTML c...

artf

Yeah, the LayerManager module itself has no documentation. Indeed it's on the waiting list for the refactoring and once it's done we can publish more about its usage and API documentation. Anyway, I've seen your previous message about how...

artf

Yeah, I see the issue with the root configuration in LayerManager. The temporary fix would be to trigger the root change on render of the layers panel: But anyway, the root of the LayerManager doesn't decide if your components are editable...

henzigo

Thank you for your answer. It would be nice to have some documentation of what is root element because only mentions are in PR/issues.

#4082January 20, 2022by jloguercio2 answers
0 reactions

Remove some initial styles from frame canvas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link No demo Describe the bug When i load some template, the editor add some initial styles like the image below, how can i set or remove some or that styles? for example : i need to remove the...

artf

Check the main editor config options (eg. baseCss) https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js And please, don't use issue bugs for questions, open a discussion in that case.

jloguercio

Thank you very much

#4079January 17, 2022by jloguercio1 answer
0 reactions

BUG: The new version v0.18.1 brokes the script to make !important on styleable:change

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link No demo Describe the bug I use the code below to make all styles to !important // Make all styles important to override element classes editor.on('styleable:change', (model, property) => {...

artf

Hey man, I didn't even finish writing the release 😅 calm down... Read here please https://github.com/artf/grapesjs/releases/tag/v0.18.1 Style Manager was updated heavily, if something doesn't work, nobody forces you to upgrade...

#4076January 17, 2022by diemkay3 answers
0 reactions

BUG: XSS vulnerability via component attributes

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 97.0.4692.71 Reproducible demo link https://jsfiddle.net/ovrz5ug2/4/ Describe the bug Hi - we ran across this XSS vulnerability while using GrapesJS in a multiplayer type scenario, with several privileged users able...

artf

Thanks @diemkay please refer to this issue if you have any suggestions: https://github.com/artf/grapesjs/issues/3082

diemkay

@artf Thanks, but I've already seen that ticket and it doesn't cover the issue I'm describing here. The injection is not in Live Preview, it's in Style Manager, where it tries to display the id of the component, by setting .innerHtml.

artf

Yeah sorry, closed too soon 😁. I'll try to fix for the next release.

#4071January 14, 2022by clonefunnels1 answer
0 reactions

BUG: On page background images don't work because CSS loads with no ; at the end of URL

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome and Firefox Reproducible demo link https://www.teamfunnels.net/login.php demo demo Describe the bug Missing required ; after .png) The editor loads this way when there are background images on the page and they don'...

clonefunnels

I think I caused this problem with a string replace. Sorry

#4059January 8, 2022by miladmeidanshahi1 answer
1 reactions

BUG: selector escape function doesn't support tailwindcss classes

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v97Describe the bug At line https://github.com/artf/grapesjs/blob/dev/src/selector_manager/model/Selector.js#L171 the selector escape function doesn't allow / and . because of that we can't use some tailwind classes s...

miladmeidanshahi

Sorry i found very late this config https://github.com/artf/grapesjs/blob/e52b5c29e4346dba7367b769a44d99a2226e025f/src/selector_manager/config/config.js#L17

#4058January 8, 2022by clonefunnels1 answer
0 reactions

Hyphen changed to " by editor messes up modern coding.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link Not necessary - Obvious issueDescribe the bug This is what the code needs to be: data-zanim-lg='{"from":{"opacity":1,"x":70},"to":{"opacity":1,"x":0},"ease":"CubicBezier","duration":0.8,"delay":0...

artf

This is not a bug, but how attribute escaping works in HTML.