toeverything / blocksuite

🧩 Content editing tech stack for the web - BlockSuite is a toolkit for building editors and collaborative applications.
https://blocksuite.io
Mozilla Public License 2.0
4.48k stars 409 forks source link

Unable to use editor with more notes, entire chrome tab getting stucked. #6793

Closed RajaTheKing826 closed 5 months ago

RajaTheKing826 commented 6 months ago

When i run my react app with edgeless editor, its taking nearly 1.4GB memory and my chrome getting stuck like anything, and i am unable to open that page again.

Can anyone look into this. We are unable to do a small action if the data is more in whiteboard. But same thing working fine in firefox.

Nagendra7509 commented 6 months ago

Yeah. I too facing the same issue

https://github.com/toeverything/blocksuite/assets/59285838/01269bf4-2278-47c8-b247-fec7babfecd0

upender7270 commented 6 months ago

Just as I was about to hit 'send' on this pesky issue I've been wrestling with, a light bulb went off – it turns out, I'm not the only one grappling with it.

So, before I hit the panic button, I thought I'd reach out to this awesome community for some collective brainpower. If anyone's got a map to smoother seas or a toolkit for troubleshooting, please drop me a line. Let's team up and conquer this challenge together!"

Praneetha1219 commented 6 months ago

Even I'm facing the same issue. Kindly please look into it.

Thank you

fundon commented 6 months ago

When i run my react app with edgeless editor, its taking nearly 1.4GB memory and my chrome getting stuck like anything, and i am unable to open that page again.

Can anyone look into this. We are unable to do a small action if the data is more in whiteboard.

But same thing working fine in firefox.

Can you share your app and how many elements are on the edgeless?

RajaTheKing826 commented 6 months ago

I can't share my react app as it is confidential, instead i can share the Json data which i convert as snapshot doc. Hope this is fine.

Here you can find the json data -> https://codesandbox.io/p/sandbox/testdata-qsgkfj?file=%2Fsrc%2Fdata.json%3A26684%2C15

RajaTheKing826 commented 6 months ago

@fundon I hope this is fine and you are working on this

RajaTheKing826 commented 6 months ago

@fundon any update on this

fundon commented 6 months ago

@fundon any update on this

Sorry, I'll spend some time on this in the next couple of days.

Nagendra7509 commented 6 months ago

@fundon

Could you please prioritize addressing this issue as soon as possible? It's a critical blocker for us, rendering the app unusable due to frequent freezing.

RajaTheKing826 commented 5 months ago

@golok727 Do you have any insights in this?

doodlewind commented 5 months ago

Thanks for the feedback. We've observed and reproduced significant performance regression in edgeless. But since our team were mainly working on new product features in the past weeks, optimization were not actually prioritized.

So in the incoming housekeeping stage, this would be tracked together with other usability blockers.

cc @doouding

doouding commented 5 months ago

@RajaTheKing826 Hi Raja, could you please export the data so I can reproduce the problem? You can remove any sensitive information as long as the issue remains.

Nagendra7509 commented 5 months ago

I can't share my react app as it is confidential, instead i can share the Json data which i convert as snapshot doc. Hope this is fine.

Here you can find the json data -> https://codesandbox.io/p/sandbox/testdata-qsgkfj?file=%2Fsrc%2Fdata.json%3A26684%2C15

@doouding does the provided information fail to meet your requirements?

doouding commented 5 months ago

Thanks, that helps a lot.

Nagendra7509 commented 5 months ago

@doouding any update??

doouding commented 5 months ago

Yeah, Im working on it right now. The reason is that the editor try to render all the blocks at same time. And it would take massive time if there're too many blocks. I try to split the rendering into different parts but I'm not sure if this would work.

doouding commented 5 months ago

Hi, we just shipped some optimizations related to this issue. You can update your dependencies to the latest canary 0.15.0-canary-202405160654-a3008e5 to see if the problem has been resolved or mitigated.

doouding commented 5 months ago

This issue has been resolved. If you are still experiencing this problem, feel free to reopen it.

doouding commented 5 months ago

https://github.com/toeverything/blocksuite/pull/7068