GrapesJS Issues

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

743 issues found

πŸ” bug
#4082Jan 20, 2022by jloguercio3 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

GJSBlock

Thanks for reporting this, @jloguercio. The issue with Remove some initial styles from frame canvas appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...

#4079Jan 17, 2022by jloguercio2 answers
0 reactions

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...

GJSBlock

Thanks for reporting this, @jloguercio. The issue with The new version v0.18.1 brokes the script to make !important on styleable:change appears to be a race condition or state management timing problem. This typically happens when componen...

#4076Jan 17, 2022by diemkay4 answers
0 reactions

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.

#4071Jan 14, 2022by clonefunnels2 answers
0 reactions

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

GJSBlock

Thanks for reporting this, @clonefunnels. The issue with On page background images don't work because CSS loads with no ; at the end of URL appears to be a race condition or state management timing problem. This typically happens when comp...

#4059Jan 8, 2022by miladmeidanshahi2 answers
1 reactions

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

GJSBlock

Thanks for reporting this, @miladmeidanshahi. The issue with selector escape function doesn't support tailwindcss classes appears to be a race condition or state management timing problem. This typically happens when component lifecycle ev...

#4058Jan 8, 2022by clonefunnels2 answers
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.

GJSBlock

Thanks for reporting this, @clonefunnels. The issue with Hyphen changed to " by editor messes up modern coding. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and D...

#4042Jan 2, 2022by sanjanaadeshra3 answers
0 reactions

Icons are not loading when loading within an angular application

GrapesJS version[x] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.tsDescribe the bug Added an attached image to give an idea of what the editor looks like What is the expected behavior? N...

sanjanaadeshra

I was able to resolve this issue by adding font awesome icons css directly to the grape.min.css file. I am not sure why that had to be done since the CSS was being imported already, its working with that workaround, but it would be better...

artf

Your demo doesn't seem to load, and the grapesjs version you're using there is quite outdated (0.14.15). Please upgrade and next time open the new bug issue relative to the latest version.

GJSBlock

Thanks for reporting this, @sanjanaadeshra. The issue with Icons are not loading when loading within an angular application appears to be a race condition or state management timing problem. This typically happens when component lifecycle...

#4039Dec 31, 2021by sridhar3912 answers
0 reactions

When drag and drop block into editor in Chrome, error thrown

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromw 96.0.4664.45 Reproducible demo link https://thanhtunguet.github.io/grapesjs-react/?path=/story/grapesjsreact--primary Describe the bug How to reproduce the bug?Drag and drop the basic blocks in editor What is the ex...

artf

From your demo, I can see you're using the 0.16.45 version. Please open the bug issue only for the latest version.

GJSBlock

Thanks for reporting this, @sridhar391. Great question about When drag and drop block into editor in Chrome, error thrown. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation...

#4037Dec 30, 2021by denisdal2 answers
0 reactions

When pasting plain text into text element in Chrome

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 96.0.4664.110 Reproducible demo link I haven't a public one Describe the bug How to reproduce the bug?Use Chrome and Grapes newsletter Editordrag a "Text" element into the page and write something in it.In the same...

artf

The default exported template in HTML doesn't have any reference of the Text component so, there is no way to know from all the possible tags where the text component should be identified. This is why when you store and reload templates yo...

GJSBlock

Thanks for reporting this, @denisdal. Great question about When pasting plain text into text element in Chrome. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

#4033Dec 28, 2021by 0xcrypto2 answers
1 reactions

Wrong link and typo in the documentation

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? N/A Reproducible demo link https://github.com/artf/grapesjs/blob/849a28757dc8dcd059c5ee6e6ac1bfd8b49a78b2/docs/modules/Blocks.md?plain=1#L138 Describe the bug Just a small typo with a localhost link. Code of Conduct [X] I...

artf

Thanks @0xcrypto will be fixed πŸ‘

GJSBlock

Thanks for reporting this, @0xcrypto. The issue with Wrong link and typo in the documentation appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications o...

Browse all topics