GrapesJS Issues

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

545 issues found

πŸ” typescript
#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...

#4333May 17, 2022by Merorh1 answer
0 reactions

Uncaught TypeError: Cannot read properties of null (reading 'ownerDocument')

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium 101.0.4951.64 (Official Build) snap (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Select an image and resize it - and hold the mouse button on resizing pi...

GJSBlock

Thanks for reporting this, @Merorh. Great question about Uncaught TypeError: Cannot read properties of null (reading 'ownerDocument'). The recommended approach with Keyboard is to use the event-driven API. Start here: Check the GrapesJS do...

#4294Apr 27, 2022by DavidHarvey2 answers
0 reactions

Unable to drop textable components into small text areas

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/ob0ajh67/ Describe the bug How to reproduce the bug?Have a single line of text that has no additional sizing styles (such as padding or explicit height).Attempt to dr...

harsh201

@artf I am also facing same issue. Any suggestions here?

GJSBlock

Thanks for reporting this, @DavidHarvey. Great question about Unable to drop textable components into small text areas. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS 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...

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

Browse all topics