Fix anchcors scrolling

[Koc]

📝 Summary

Steps to reproduce:

• Create long page with multiple headings
• Click on heading in the bottom of the page
• Copy url from address bar with anchor and open it in new tab

Expected result:

• Content scrolled to heading

Actual result:

• There are no scroll

🖼️ Screenshots

🏚️ Before	🏡 After

🚧 TODO

• For some reason onLoaded callback is not called in my case, so I'm using setTimeout. Any idea how to fix that?
• Merge Fix scroll to elements with sticky header nextcloud-libraries/nextcloud-vue#5435

🏁 Checklist

• Code is properly formatted (npm run lint / npm run stylelint / composer run cs:check)
• Sign-off message is added to all commits
• Tests (unit, integration and/or end-to-end) passing and the changes are covered with tests
• Documentation (README or documentation) has been updated or is not required

[mejo-]

For some reason onLoaded callback is not called in my case, so I'm using setTimeout. Any idea how to fix that?

Currently only the session editor (Editor.vue in the text app) supports the onLoaded callback. But you're right, the editor used for the view mode (MarkdownContentEditor in the text app) should do so as well. I opened nextcloud/text#5489 to implement this.

[Koc]

@mejo- I've updated current PR, and opened one more to nextcloud-vue. Please review one more time.

[mejo-]

Dear @Koc, great to hear that onLoaded works now 😊

Regarding your PR against nextcloud-vue, I think that we should rather change the behaviour here in Collectives. It's not given that the contents given to NcAppContent contain a heading like in collectives. Adding something like the following to Collectives.vue should do the trick:

:deep(.splitpanes__pane-details) {
	scroll-padding-top: 60px;
	scroll-behavior: smooth;
}

[github-actions]

Hello there,
Thank you so much for taking the time and effort to create a pull request to our Nextcloud project.

We hope that the review process is going smooth and is helpful for you. We want to ensure your pull request is reviewed to your satisfaction. If you have a moment, our community management team would very much appreciate your feedback on your experience with this PR review process.

Your feedback is valuable to us as we continuously strive to improve our community developer experience. Please take a moment to complete our short survey by clicking on the following link: https://cloud.nextcloud.com/apps/forms/s/i9Ago4EQRZ7TWxjfmeEpPkf6

Thank you for contributing to Nextcloud and we hope to hear from you soon!

[Koc]

@mejo- thank you for suggestion!
I've pushed changes and closed related PR. The only one thing - I've omit :deep to be consistent with other styles. It works fine without it, as non-scopped styles used

[mejo-]

Awesome, works like a charm now. Thanks a lot for the contribution @Koc!

Only #1114 sometimes breaks the behaviour, but that's a separate issue.