GrapesJS Issues

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

183 issues found

πŸ” documentation
#4285Apr 25, 2022by zauchad2 answers
0 reactions

Toolbar width not resizing correctly

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v100.0.4896.127Reproducible demo link No demo link.Describe the bug How to reproduce the bug?Just place bigger icons inside toolbar (for example font awesome class: fa-2x): What is the expected behavior? Component's a...

artf

There are a lot of reasons to keep the size of the toolbar item fixed, if you want them bigger, you can simply update the CSS.

GJSBlock

Thanks for reporting this, @zauchad. Great question about [Component's toolbar] Toolbar width not resizing correctly. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for...

#4263Apr 16, 2022by omkar1111112 answers
0 reactions

SSL certificate how to?

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Reproducible demo link Describe the bug Sorry for asking it here. But I am in a hurry. I am creating a service in which I host websites for my clients. So for each new site, does GrapeDrop create a new certificate specific...

artf

Please avoid using GrapesJS issues for off-topic questions.

GJSBlock

Thanks for reporting this, @omkar111111. Great question about SSL certificate how to?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for th...

#4248Apr 7, 2022by protozoo2 answers
0 reactions

Block drag and drop interaction fails within vscode extension webview

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? VSCode (WebView within VSCode extension) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Create a new vscode extension (or use one that you already have)Create a Webview that...

artf

Hi @protozoo I'm not sure exactly why but looks like the vscode iframe (probably sandboxed) is blocking the native HTML5 Drag & Drop (this is what is used on Blocks). As this is not strictly related to the core I'll move this one to the di...

GJSBlock

Thanks for reporting this, @protozoo. Great question about Block drag and drop interaction fails within vscode extension webview. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS doc...

#4247Apr 7, 2022by gustavohleal2 answers
0 reactions

Components disappearing/not being rendered at cloning, moving or adding

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium v96 Reproducible demo link https://grapesjs.com/demo-mjml.html Describe the bug How to reproduce the bug?Add a one column componentSelect the columnClick the copy button on the toolbarRepeat the steps 2 and 3 with...

artf

Sorry but demo-mjml is a plugin and not related directly to the core. As I see no issues with the default renderer of components that might be related to the mjml renderer of components and I have no reason to keep this issue open. Despite...

GJSBlock

Thanks for reporting this, @gustavohleal. Great question about Components disappearing/not being rendered at cloning, moving or adding. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJ...

#4157Feb 24, 2022by Adham3803 answers
0 reactions

Resizing canvas makes componenents end up with wrong positions once exported with dmode 'absolute'

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Microsoft edge 98.0.1108.56 Reproducible demo link https://jsfiddle.net/473b2tah/1/ Describe the bug The canvas resize is cool but does not take into account that one might be working with px offsets because of dmode which...

Adham380

I have sort of found a workaround... Set the .gjs-frame-wrapper to the desired width in CSS and transform: translate (- x px, 0px) for the iframe in CSS. The Canvas is not the correct width then (slightly smaller) but everything seems to w...

artf

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

GJSBlock

Thanks for reporting this, @Adham380. The issue with Resizing canvas makes componenents end up with wrong positions once exported with dmode 'absolute' appears to be a race condition or state management timing problem. This typically happe...

#4097Jan 24, 2022by Joshmamroud3 answers
1 reactions

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.

GJSBlock

Thanks for reporting this, @Joshmamroud. Great question about mousePosFetcher in resizer config & change:style listener not working. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS...

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

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

#4001Dec 8, 2021by javadsamiee2 answers
0 reactions

Can not hold current unit when the first time input have Auto value

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 96.0.4664.93 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Create a new block for example Text BlockNavigate Dimension > Width (by default is Auto)Change unit to vwthen rem...

artf

By looking at the current demo, seems to be fixed.

GJSBlock

Thanks for reporting this, @javadsamiee. Great question about Can not hold current unit when the first time input have Auto value. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS docume...

#3832Sep 29, 2021by Sudhin354 answers
0 reactions

The css classes are removed and the autogenerated ids for each html tags gets changed ( Example : ivj5m-2) after each reload

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Not there Describe the bug How to reproduce the bug? Install the grapes js in react app Go to the editor and drag a component. ( Example : text component) Style the component using the style m...

Sudhin35

Please guide me on this

artf

Disable autoload: true you're loading everything twice

Sudhin35

Thanks @artf . This fixed my issue

Browse all topics