GrapesJS Issues

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

743 issues found

πŸ” bug
#3986Dec 1, 2021by throne19864 answers
3 reactions

Cannot read properties of undefined (reading 'uploadFile')

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96.0.4664.45 Reproducible demo link https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Describe the bug How to reproduce the bug?Just drag and drop the logo to canvas yo...

jkntar

I ran into this problem, too. It seemed to happen whenever I started dragging a block's media icon instead of the block text or block container. It seems that the issue was resolved by adding pointer-events: none; to each of my block's med...

markovic-nikola

pointer-events: none; is not working for me, I literally have to restart the whole browser in order to make it working normally again.

luasenvy

pointer-events: none; is not working for me, I literally have to restart the whole browser in order to make it working normally again. @markovic-nikola This Is REALLY IMPORTANT. SUPER THANKS. :D

#3975Nov 25, 2021by Sudhin352 answers
0 reactions

Background Image Starts duplicating in all the pages if we add only for one page

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v9Reproducible demo link NothingDescribe the bug How to reproduce the bug?Implement the multipage concept Create the 3 pagesClick on the background image in decorations ( Style Manager ) and add it to first pageNow ad...

artf

Please check this option first https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors In case you still have problems, open a proper bug issue with a reproducible demo link.

GJSBlock

Thanks for reporting this, @Sudhin35. Great question about Background Image Starts duplicating in all the pages if we add only for one page. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the G...

#3972Nov 23, 2021by ronaldohoch2 answers
1 reactions

Can't drop img inside noscript tag

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave VersΓ£o 1.32.106 Chromium: 96.0.4664.45 (VersΓ£o oficial) 64 bits Reproducible demo link https://jsfiddle.net/960huLz5/ Describe the bug How to reproduce the bug?Open grapesjsrun: editor.addComponents('<noscript><img s...

artf

Hi @ronaldohoch thanks for the report. What you're saying is true, but unfortunately, this is the parsing result of the native HTML DomParser, so I don't see any proper way to fix it. The only workaround for cases like this (importing an H...

GJSBlock

Thanks for reporting this, @ronaldohoch. Great question about can't drop img inside noscript tag. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...

#3951Nov 17, 2021by majidh13 answers
3 reactions

Events On assetmanager 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 editor.on("asset:upload:start",console.log) not working after versiom 0.17.26 not working assetmanager events asset:upload:start or asset:upload:end on editor i am deb...

cusmai

Hi, still not working, events are not fired:

artf

Fixed here https://github.com/artf/grapesjs/pull/3934/files

GJSBlock

Thanks for reporting this, @majidh1. The issue with Events On assetmanager not working appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap,...

#3950Nov 17, 2021by ttjpatric1 answer
0 reactions

Unable to create a link to image

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v95 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?...... What is the expected behavior? When we drag and drop an image into the link block object, both the objects a...

GJSBlock

Thanks for reporting this, @ttjpatric. Great question about Unable to create a link to image. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look...

#3948Nov 16, 2021by Sudhin352 answers
0 reactions

My Options ( in traits ) for select component gets resetted every time after each reload of page

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 Grapes js and implement the select component codeDrag the select component into the editorClick on the select component and enter th...

artf

Hi @Sudhin35 please follow this API for your custom traits and I'd highly recommend storing your options as a component property instead of using inner components

GJSBlock

Thanks for reporting this, @Sudhin35. Great question about My Options ( in traits ) for select component gets resetted every time after each reload of page. The recommended approach with StyleManager is to use the event-driven API. Start h...

#3947Nov 16, 2021by confettidc4 answers
0 reactions

Selection box not clickable in editor

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 94.0.1Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug?Try drag a selection box into form in above demo site can reproduce the issue... What is the expected behavior? Sel...

artf

If you're talking about the Select component from the form plugin, in that case, options are displayed as traits.

confettidc

Yes, but selection box still not clickable even in preview? Thanks.

thomas-le-goff

Hello, This problem is due to this line (https://github.com/artf/grapesjs-plugin-forms/blob/master/src/components.js#L186). It could be interesting to enable the event only in case the editor is in preview mode? Then is it really useful to...

#3940Nov 13, 2021by dan-castillo2 answers
0 reactions

Issue with updating Button text

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome - Version 95.0.4638.69Reproducible demo link two places: https://grapesjs.com/demo.html and I have a repo here: https://github.com/dan-castillo/TestingGjsV1729.gitDescribe the bug How to reproduce the bug?Go to the fo...

artf

This is just the problem with the webpage preset which has the old reference to the form plugin, not related to the core.

GJSBlock

Thanks for reporting this, @dan-castillo. Great question about Issue with updating Button text. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Lo...

#3939Nov 13, 2021by xQwexx4 answers
0 reactions

Disabled drag and drop in preview

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? v95Reproducible demo link https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261Describe the bug How to reproduce the bug? I am trying to create a custom component, which contains drag end d...

artf

Hi @xQwexx what would be your solution in such a case? We still need to keep the D&D disabled in the preview. Can you also post your component code in order to understand better the use case?

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

xQwexx

Hi @artf I updated with a demo, also my suggestion would be that use the attributes: { draggable: 'true'}, indicator if the component is draggable in preview and leave the drag handling for the component template like attributes: { draggab...

#3938Nov 12, 2021by mingxin-yang2 answers
0 reactions

Editor.select(model,{scroll:true}) ,scroll don't work

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://codepen.io/mingxin-yang/pen/YzxLNay Describe the bug How to reproduce the bug?editor.select(model,{scroll:true}) ,scroll don't work... What is the expected behavior? Click the block, a...

artf

Thanks @mingxin-yang This will be fixed in the next release.

GJSBlock

Thanks for reporting this, @mingxin-yang. Great question about editor.select(model,{scroll:true}) ,scroll don't work. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for you...

Browse all topics