[Bug]: docs-mode table-of-contents does not change URL when clicking on an anchor

[kroeder]

Describe the bug

If you enable toc: true, docs-mode renders a table-of-contents inside the docs page.
When clicking on one of the toc list-items, the expected behavior would be to add the # anchor to the browser URL.

It should behave the same as clicking the # icon on a docs-page headline.

To Reproduce

https://stackblitz.com/edit/github-w91kck?file=.storybook%2Fpreview.ts

• Open "Button / Docs"
• Click on table of contents anchor -> nothing is added to the URL

System

No response

Additional context

No response

[vanessayuenn]

@kroeder in the repro you provided, the TOC does link to the # anchor. Can you clarify how do you expect it to work differently?

[ftr93]

@vanessayuenn yes, it links to the anchor correctly, but clicking it doesn't change the browser URL

[sooster910]

I have confirmed the behavior @kroeder described: When hovering over the anchor tag, as shown in the image below, it behaves as expected. However, upon clicking, the browser URL does not update to reflect the clicked anchor tag.
It is supposed to scroll down to where the anchor tag is located.

@vanessayuenn Can I give it a try? Thanks.

[vanessayuenn]

@sooster910 of course! We'd be thrilled to have your contribution. If this is your first contribution, be sure to check the contribution guide and hop onto the Storybook Discord if you need any help getting started. Looking forward to your PR! ✨