GrapesJS Issues

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

743 issues found

πŸ” bug
#4256Apr 13, 2022by m-jojo-s2 answers
1 reactions

Touch drag-and-drop does not work

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 98.0.4758.80 (Official Build) (arm64) Reproducible demo link https://jsfiddle.net/bd2kpjwf/ Describe the bug How to reproduce the bug?Add two componentsOpen browser dev-tools and enable device mode (CMD+SHIF...

artf

The touch plugin polyfill will work only if you load it with touch device already enabled (try to use the demo), so if you enable touch device later it won't work.

GJSBlock

Thanks for reporting this, @m-jojo-s. Great question about touch drag-and-drop does not work. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Lo...

#4255Apr 13, 2022by am1rb2 answers
0 reactions

The initial toolbar move button does not get removed if you set the draggable prop to false programmatically

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v98.0.4758.80Reproducible demo link https://jsfiddle.net/am1rb/3uzkn5t7/8/Describe the bug How to reproduce the bug?Render a simple component on the canvasSet draggable=false for the component programmaticallySelect t...

artf

Yeah the toolbar is not really dynamic, so if you need to recalculate it, you have to force it manually

GJSBlock

Thanks for reporting this, @am1rb. Great question about The initial toolbar move button does not get removed if you set the draggable prop to false programmatically. The recommended approach with Canvas is to use the event-driven API. Star...

#4250Apr 11, 2022by dinosaurawr2 answers
0 reactions

Init() method typings error

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v 100.0.4896.75 Reproducible demo link https://stackblitz.com/edit/typescript-ou8qpc?file=index.ts&view=editor Describe the bug How to reproduce the bug?Try to init grapesjs with with index.d.ts What is the expected...

artf

Thanks @dinosaurawr that was fixed here https://github.com/artf/grapesjs/pull/4216/files

GJSBlock

Thanks for reporting this, @dinosaurawr. Great suggestion about init() method typings error! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative app...

#4249Apr 8, 2022by iamqinglong3 answers
0 reactions

Image src won't change in exported HTML

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome 100 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?I am using externalDrag an image block to canvasSelect an image from the custom modalView the codeCheck the model/t...

m-jojo-s

either use selected.set('src', doc.url) or enable unsafe html attributes Refer to #4148

artf

Yeah, I'd say you should simply switch to selected.set('src', doc.url) as already suggested.

GJSBlock

Thanks for reporting this, @iamqinglong. Great question about image src won't change in exported HTML. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...

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

#4242Apr 6, 2022by miladmeidanshahi2 answers
0 reactions

Set name for page doesn't work

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://jsfiddle.net/9rt1xm6p/ Describe the bug How to reproduce the bug? Add page in pageManager and set name. What is the expected behavior? editor.Pages.getAll()[0].name should return...

artf

Properties are not placed directly on the instances. You can use page.getName() to get the name property.

GJSBlock

Thanks for reporting this, @miladmeidanshahi. Great question about Set name for page doesn't work. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module...

#4240Apr 5, 2022by varadero3 answers
1 reactions

"index.d.ts is not a module" in 0.18.4 when grapesjs is imported with "import * as grapesjs from 'grapesjs';"

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99 Reproducible demo link No link Describe the bug How to reproduce the bug?I was using grapesjs 0.18.2 in my typescript angular class imported like this - import as grapesjs from 'grapesjs';Upgraded to 0.18.4 What...

artf

Should be fixed here https://github.com/artf/grapesjs/pull/4216 I guess you should disable TS for the current version.

aharishsundhar

@artf im using grapesjs latest version ^0.18.4 i install npm grapesjs to run it its error on index.d.ts file can you please update issue npm install: manually change it local: manully update it my side can you please update the modules sid...

GJSBlock

Thanks for reporting this, @varadero. Great question about *"index.d.ts is not a module" in 0.18.4 when grapesjs is imported with "import as grapesjs from 'grapesjs';". The recommended approach with ProseMirror is to use the event-driven A...

#4239Apr 5, 2022by codingaddicted1 answer
0 reactions

In component first mode, sync works only the first time on UI feedback

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Create a text blockApply a style to block (text color)Create a class and sync the value on itEdit again the color...

GJSBlock

Thanks for reporting this, @codingaddicted. Great question about in component first mode, sync works only the first time on UI feedback. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the Grape...

#4236Apr 4, 2022by m-jojo-s1 answer
0 reactions

Paste command does not respect draggable/droppable properties

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 98.0.4758.80 (Official Build) (arm64) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Add a "Tabs" blockCopy a tab from the added componentPaste the tab anywhe...

GJSBlock

Thanks for reporting this, @m-jojo-s. Great question about paste command does not respect draggable/droppable properties. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation...

Browse all topics