BUG: scrollCanvas doens't work

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Firefox 116.0.3

Reproducible demo link

https://grapesjs.com/demo-mjml.html

Describe the bug

How to reproduce the bug?

1. On the canvas scroll to the bottom and select a component
2. Open the layers
3. Select a component that is at the top of the canvas, scrolling doesn't work.

What is the expected behavior? Scrolling should work.

What is the current behavior? Scrolling doesn't work.

If is necessary to execute some code in order to reproduce the bug, paste it here below:

// your code here

The error could be in this line: https://github.com/GrapesJS/grapesjs/blob/v0.21.4/src/canvas/view/FrameView.ts#L153

The function getOffsetRect is using:

const { scrollTop, scrollLeft } = this.getBody();

scrollTop and scrollLeft are always 0, it could be replaced with:

const { scrollTop, scrollLeft } =  this.getDoc().scrollingElement;

or

const { scrollTop, scrollLeft } =  this.getDoc().documentElement;

Code of Conduct

• I agree to follow this project's Code of Conduct