Canvas scroll to top of the page when I try to drag an element from the last sections

Hi José, are you able to provide a screencast of your issue? I've tried to drag the last section of the template but seems all good to me

Hi @artf ,

You can check it out here https://recordit.co/vn1ZVN6J1N, is not with the sections, it happens with any element but only the first time I try to drag something.

Ah ok, only the first time, I've got it now on my side too 👍

Thanks for reporting this, @josfh2005.

The issue with Canvas scroll to top of the page when I try to drag an element from the last sections appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent state.

What to try:

1. Add a setTimeout wrapper to ensure the DOM has settled:

setTimeout(() => {
  // your operation here
}, 0);

2. Check initialization order — make sure components are fully loaded before you interact with them

3. Use the editor's event system — listen to completion events:

editor.on('component:mount', (component) => {
  // safe to interact with component here
});

Recommended next steps:

• Test with the latest GrapesJS version if you haven't
• Provide a minimal reproducible example (CodeSandbox) — this helps the team identify the root cause faster
• Include GrapesJS version, browser, and console errors in your report