GrapesJS Issues

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

183 issues found

πŸ” documentation
#4455Jul 18, 2022by mickeyDominic3 answers
0 reactions

'panel-devices' and 'panel-switcher' conflicting

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 103.0.5060.114 Reproducible demo link https://codepen.io/Dominic_M/pen/eYMgqyw Describe the bug How to reproduce the bug?Follow GrapesJS "Getting Started" >> https://grapesjs.com/docs/getting-started.htmlCon...

artf

@mickeyDominic you're placing all the default panels under the same object Where it should be one object per panel

mickeyDominic

Thank you @artf. Silly me :)

GJSBlock

Thanks for reporting this, @mickeyDominic. Great question about 'panel-devices' and 'panel-switcher' conflicting. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...

#4434Jul 10, 2022by Singwai2 answers
1 reactions

CSS Parser's shape doesn't allow the CSS property to be defined more than once.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? AnyReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug The bug is related to ParserCss.js. https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserCss.js#L7-L8 The parser expects the results to be...

artf

Yeah, this is something we don't support currently, but I think it might be nice to handle also those cases.

GJSBlock

Thanks for reporting this, @Singwai. The issue with CSS Parser's shape doesn't allow the CSS property to be defined more than once. appears to be a race condition or state management timing problem. This typically happens when component li...

#4400Jun 21, 2022by shelendravashishtha23 answers
1 reactions

Bootstrap Carousel Slider is not working

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link NO LINK Describe the bug How to reproduce the bug?... Add Bootstrap in GrapesJS init function... Add Slider component as per bootstrap documentation... Slider shows only first image and image...

artf

Sorry but the issue tracker is mainly for bugs in the core grapesjs module and I believe in this case you should instantiate the bootstrap.Carousel manually via JS (eg. by creating a custom component with JS) as the editor has to load canv...

shelendravashishtha2

Hi Arthur, is there any way of getting screen sized specific styles in grapesjs, like different styles based on media query styles ?

GJSBlock

Thanks for reporting this, @shelendravashishtha2. Great question about Bootstrap Carousel Slider is not working. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...

#4388Jun 15, 2022by ghost2 answers
2 reactions

Button traits command not working

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? any browser Reproducible demo link https://jsfiddle.net/sohrabi2050/yrL2aqft/ Describe the bug Traits button command work properly at v v0.18.4 but not in v0.19.4. There are two sample for both version below , click on one...

artf

Thanks @sohrabi2050 will fix it for the next release.

GJSBlock

Thanks for reporting this, @ghost. The issue with button traits command not working appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, cr...

#4385Jun 15, 2022by froodian2 answers
0 reactions

Index.d.ts says that run commands should return void but docs say their return value may be used

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Any Reproducible demo link https://grapesjs.com/docs/modules/Commands.html#stateful-commands Describe the bug How to reproduce the bug? in a typescript setup, What is the expected behavior? it is allowed, as in the "Let's...

artf

Thanks @froodian I'll update them

GJSBlock

Thanks for reporting this, @froodian. Great suggestion about index.d.ts says that run commands should return void but docs say their return value may be used! While this specific feature isn't yet in the core API, there are several ways to...

#4384Jun 15, 2022by froodian1 answer
0 reactions

Index.d.ts says that components must be Backbone.Collection<Component> but the docs say Component[] is also accepted

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? AnyReproducible demo link https://grapesjs.com/docs/modules/Components.html#component-definitionDescribe the bug How to reproduce the bug?https://github.com/artf/grapesjs/blob/dev/index.d.ts#L2055 shows components as Backbon...

GJSBlock

Thanks for reporting this, @froodian. Great question about index.d.ts says that components must be Backbone.Collection<Component> but the docs say Component[] is also accepted. The recommended approach with Components is to use the event-d...

#4383Jun 14, 2022by Singwai2 answers
1 reactions

A "." character is injected when inserting two whitespaces when editing any text component in grapesjs

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug Double click any text component Put the cursor between a word Insert 2 whitespaces Expected Behavior: 2 whitespaces are inserted Current Behavio...

Singwai

This is a behavior introduced by macOS, not a bug from Grapesjs https://howchoo.com/macos/disable-double-space-bar-period-dot-macos

GJSBlock

Thanks for reporting this, @Singwai. The issue with A "." character is injected when inserting two whitespaces when editing any text component in grapesjs appears to be a race condition or state management timing problem. This typically ha...

#4371Jun 10, 2022by clonefunnels4 answers
3 reactions

All editors broken after last update that broke storage manager.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://www.teamfunnels.net/login.php demo demo Describe the bug Please help me understand how to fix everything that this update broke. I don't understand why you wouldn't make it compatible...

Vac1911

@clonefunnels I made a quick function to load data with backwards compatibility:

Vac1911

@artf Quick sidenote: editor.loadProjectData should be added to the type declarations

artf

Please, read the release notes carefully https://github.com/artf/grapesjs/releases/tag/v0.19.4 https://github.com/artf/grapesjs/pull/4223#issuecomment-1152331298

#4356May 31, 2022by Justin83032 answers
0 reactions

Selector:remove event does not exist

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 101 Reproducible demo link https://jsfiddle.net/sdrf72wx/1/ Describe the bug How to reproduce the bug?execute the code below on the initialization of the editoradd and remove a selector of a componentLook at the con...

artf

Hi @Justin8303 selector:remove refers to the global container of selectors so it's only triggered when the selector is actually removed from the global collection and not from the component. When you remove the selector from the component,...

GJSBlock

Thanks for reporting this, @Justin8303. Great question about selector:remove event does not exist. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific modu...

#4336May 19, 2022by javadsamiee2 answers
1 reactions

"Import template" don't work for removing extra styles

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 101.0.4951.64 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Add paragraph blockOpen "Import template" and add these lines and press "Import" h1, h2, h3, h4, h5, h6{...

artf

Thanks for the report @javadsamiee but the issue is actually from the preset-webpage plugin https://github.com/artf/grapesjs/issues/3727#issuecomment-908255324 and not the core itself. The PR for the fix is welcome

GJSBlock

Thanks for reporting this, @javadsamiee. Great question about "Import template" don't work for removing extra styles. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation fo...

Browse all topics