"Play with demo" on home page scrolls to wrong location

[Flimm]

I want to try out editor.js before investing more time in it. So I visit the home page https://editorjs.io/ , and I click the button labelled "Play with demo", as you can see in this screenshot:

When I click the button "Play with demo", it scrolls to this part of the home page:

As you can see, the part of the screen that is displayed is "Clean JSON output". This made me think that the demo was trying to demonstrate example JSON output. But I wanted to try the editor.js editor out. It turns out, I needed to scroll up to see the demo. I experienced this issue using Firefox and using Chrome on Ubuntu 23.04.

I spent maybe twenty minutes on this, exploring other demos that I found by Googling, but I only realised now that there is a demo page in the home page.

My suggestion:

1. Fix the scrolling issue so that I can see the demo immediately, rather on hoping on the user figuring out that they need to scroll up after pressing the button
2. Or... provide a separate web page for the demo, to sidestep scrolling issues altogether. (Also, this would be better for those searching for a editor.js demo using a search engine like Google)

[devrajgadhvi]

I would like to address this issue. Can someone let me know what should be done?

[neSpecc]

@devrajgadhvi for now there is a simple scrollIntoView used:
https://github.com/codex-team/editorjs.io/blob/main/components/EditorOverview.vue#L70

You need to improve the scrolling logic.

[VKR981]

@neSpecc I have created a PR codex-team/editorjs.io#13