GrapesJS Issues

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

16 issues found

🔍 performance
#4323May 12, 2022by mohdSuhailCoditation4 answers
10 reactions

Performance issue while dragging component to canvas when you have 2k component on canvas

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Google Chrome Version 101.0.4951.41 (Official Build) (64-bit)Reproducible demo link https://jsfiddle.net/Laze0pyg/Describe the bug How to reproduce the bug?Add 2k components using the below script.for(let i = 0;i<2000;i++) e...

GedMarc

but.... add 2000 dom elements with any basic styling to any page and you'll get lag? that might not be the tool, but how the tool is being used? also check your browser render speed in relation to your pc - http://speed-battle.com/speedtes...

artf

With the latest release, containing the refactor of the Sorter by @mohamedsalem401, the previous demo seems to be working fine now 🥳

vizardkill

https://github.com/GrapesJS/grapesjs/assets/37307788/2d653d49-1a57-458c-bc8c-4833c8c7a690 I have the same problem, and I don't think it is due to the size, I am using the pageManager and I preload an html template and trying to drag new el...

#4029Dec 22, 2021by jloguercio2 answers
0 reactions

Drag Blocks to Canvas performance when you have 1000+ custom blocks

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v96Reproducible demo link No demoDescribe the bug How to reproduce the bug?Add to Block manager more than 1000 blocks, in my case 7,864 font awesome icons.Try to drag any block from block panel Explanation I added eve...

artf

For your case, I'd suggest creating a custom block manager where you can adapt the UI for your blocks as you wish (eg. search, DOM virtualization, etc.)

GJSBlock

Thanks for reporting this, @jloguercio. Great question about Drag Blocks to Canvas performance when you have 1000+ custom blocks. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documenta...

#3770Sep 12, 2021by damnslow4 answers
13 reactions

Improve and fix absolute dragMode

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v93 Reproducible demo link https://codepen.io/damnslow/pen/yLXXOxQ Describe the bug How to reproduce the bug?Select both the elementsDrag using drag icon What is the expected behavior? Both elements should move toge...

artf

Absolute positioning, right now, has more than one issue and I'd like to address them all here:[ ] Wrong position on a different Devices[ ] Wrong position on a zoomed/panned canvas[ ] Wrong position for children of the absolute component[...

itscarlosrufo

Hi everyone, Thanks a lot for the feedback and detailed discussion. We’re happy to share that we’ve addressed some of the requested functionality. Also, we’ve introduced a new absolute mode plugin that should cover most of the use cases me...

fmfeit

Hi @artf, this feature is crucial for my current project, so I have two questions: Is it possible to pay you (or someone else) to prioritize this feature? If not, can you outline the steps necessary to resolve the issue and give me a start...

#3460May 17, 2021by Redix02 answers
0 reactions

TypeError: Cannot read property 'get' of undefined

Error: (node:206) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'get' of undefined (node:206) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled wi...

artf

Please follow the issue template

GJSBlock

Thanks for reporting this, @Redix0. Security and dependency issues are important. The GrapesJS team actively works on keeping dependencies up-to-date. For you right now: Run npm audit fix to see available patches Check for a newer GrapesJS...

#3449May 11, 2021by chiragkataria223 answers
0 reactions

Switching pages calls canvas styles and scripts again and again

Hi I am integrating page manager into my project. But the issue I am facing is that whenever I switch between pages it loads CSS and script files given in canvas object at the time of init, again and again. It makes the switching between pages slow. Implementation: grapesjs.init({ pageManager: { pages: [ { id: 'Page-1...

chiragkataria22

@artf Can you please help?

artf

Unfortunately, switching pages creates a new iframe so, the behavior is correct. I preferred to remove previous iframes in order to keep the memory usage as low as possible. One solution might be to find a way to reuse previous iframes but...

GJSBlock

Thanks for reporting this, @chiragkataria22. Thanks for sharing your report about Switching pages calls canvas styles and scripts again and again. To help the team investigate and prioritize this: Please provide: A minimal reproducible exa...

#3130Nov 10, 2020by jenter4 answers
2 reactions

Standard approach in slight restructuring the HTML toolbar & badge

Version: 0.15.10 This question is intended to validate if there is a proper way to extend the current https://github.com/artf/grapesjs/blob/master/src/canvas/view/CanvasView.js with a custom plugin. We were specifically reviewing the render() method within this file, to slightly alter the HTML to combine the toolbar a...

artf

Hi @jenter, good question. Unfortunately, I've never focused that much on the possibility of canvas extension or its UI elements, so for sure there is no right way to do that. If anyone is willing to propose solutions I'll be glad to evalu...

jenter

@artf I will review some proposals / thoughts and add it to this thread.

artf

Great, thanks Jason

Browse all topics