GrapesJS Issues

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

1180 issues found

#3727August 26, 2021by SintoDema3 answers
1 reactions

Issue on Style Import

Hi @artf, Describe the bug detailed While creating a new template using GrapesJS, I came across a scenario that, when we try to import CSS from the import modal it does not get reflected in the editor. On a blank editor, I have created a template with HTML & CSS adding to it.After that, I need to do some changes in th...

artf

Hi @javadsamiee the issue was fixed on the latest version of the preset plugin

artf

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 As you see, it updates components but doesn't clear the styles module. I don't...

javadsamiee

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18As you see, it updates components but doesn't clear the styles module. I don't...

#3706August 15, 2021by momu-2016No answers
0 reactions

BUG: css in block can not be removed when block has been removed

grapesjs version v0.16.45, i try to use the countdown plugin (https://github.com/artf/grapesjs-component-countdown),Everything is running well, when I delete the entire component via toolbar,the html and components are removed,but style and css still in localstorage. What puzzles me is that the entire component is del...

#3704August 13, 2021by throne19863 answers
4 reactions

BUG: load blocks closed by default?

I am using the following bit of code to collapse all the block categories, unfortunately, this is not working live demo : https://jsfiddle.net/d4702yoh/2/ What is wrong here?

artf

That should be enough editor.Blocks.getCategories().forEach(ct => ct.set('open', false)) but categories are not created until the render of blocks (which happens, by default, when you click the Blocks tab) so you just need to execute that...

ronaldohoch

Hello, i have made it to close all blocks in one plugin, try to adapt to you.:

throne1986

still the same here jsfidle : https://jsfiddle.net/46mfqeht/

#3703August 13, 2021by anatoli-dp1 answer
0 reactions

BUG: custom ids have a \3 injected into the css and a space after the following letter after the \3 when added to the canvas

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

anatoli-dp

please note this issue is bad . . . now that i see it i feel stupid . . . ids cant start with a number and i didnt take that into account when making this

#3702August 13, 2021by throne1986No answers
0 reactions

BUG: HTML head tags not added to the dom

I am using [grapesjs library][1] for building web pages, I have added a custom block as per docs [here][1] when I drag the block to canvas HTML data is added but <head></head> tag is empty, Here is my code function tempOnePlugin(editor) { editor.BlockManager.add('my-first-block', { label: '<i class="fa fa-clone"></i>'...

#3700August 12, 2021by anatoli-dp2 answers
3 reactions

BUG: setting draggable: 'wrapper' does not drop in wrapper

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

The string here is supposed to be a query string so it tries to query a wrapper tag, which obviously doesn't exist. The editor attaches data-gjs-type attribute to all components in the frame, so the query you can use is draggable: '[data-g...

anatoli-dp

ah that makes a lot more sense now . . . thanks, that solved the issue

#3699August 12, 2021by diegoSenra3 answers
0 reactions

BUG: Cell hovering randomly displaces from actual cell

Hi! I'm using grapesJs for e-mail editing in a project in my company, with Newsletter plugin. Everithing works very well, except for this bug i can't solve: Sometimes, when I drag blocks inside the canvas, the cell hover gets scrambled. The biggest problem is that this behavior is completely random, it can happen or n...

artf

Are you using the latest version?

diegoSenra

Using minified 0.10.7

artf

Sorry mate, it's a 4-year-old release, can't help you here. Did you try to update?

#3693August 11, 2021by GaikwadShubham2 answers
1 reactions

BUG: AdoptStylesheet not supported in grapesJS

Version: You can get the version by typing grapesjs.version into the console 0.17.22 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? Should be able to see the web component in similar fashion as it is outside the grapesJS container Describe the bug detailed Grapesjs not abl...

artf

This issue is due to how AdoptStylesheet works and it's similar to this one from lit-element. Basically, you can't share the same CSSStyleSheet across multiple documents, so you have to recreate it manually, here below is a code for custom...

vasicvuk

Is there any solution for using lit-element components 3.X with grapesJS?

#3690August 10, 2021by throne1986No answers
0 reactions

BUG: appendTo not working with trait manager

I have a basic example as follow HTML <div id="gjs"> <div class="traits-container"></div> <div style="padding: 25px">Hello World!!!</div> </div> <h1> Append trait manager </h1> <div class="traits-container"></div> Js const editor = grapesjs.init({ container: '#gjs', fromElement: true, height: '100%', storageManager: f...

#3687August 10, 2021by Joshmamroud3 answers
1 reactions

BUG: Keyboard shortcuts/Keymaps not working

Version: 0.17.22 Are you able to reproduce the bug from the demo?[ ] Yes[X] No I can't reproduce it in a demo however you can see it for yourself if log into Documint using the following credentials:Email: [email protected]: demo then make a change to the template and try using ctrl+z What is the expected behavior? S...

Joshmamroud

You were right, it wasn't React or GrapesJS. Event propagation was being stopped by the rc-drawer component I was using. @artf thanks for your help, this has been an issue from day one.

artf

Hey @Joshmamroud we have this code that propagates keydown keyup keypress events to the parent document, this allows keymaps to work, ensure to not contain any code/component which prevents the propagation of those events.

Joshmamroud

Hey @artf, I believe it may be blocked by React. Any suggestions on how to re-bind these event listeners? Not even sure if that is the right solution or path.