Getting the id of the content that is edited in live preview (headless mode)

[benebene84]

We use statamic as a headless cms for a nextjs frontend. The live preview works fine and we are able to use the token that is part of the url to get the most recent data and render it in the iframe live-preview.

The only thing that is a bit unfortunate is, that with reloading the page it will always jump back to the top of the page. Our idea was to scroll to the element that was edited. From the API we get a unique id for every content that we can render on the frontend and scroll to it based on that id. However I am missing some information:

• Is the id only available via the rest api?
• If not, can it potentially be added as a search param to the URL?
• Or is there any other / better solution to identify the content that has been edited in the live-preview and map this to the rendered frontend?

Any help much appreciated!

Thanks
Benedikt