You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Using any title tag (## to ###### => h2 to h6) and clicking on the generated id-link.
Describe the bug
Title links don't scroll into focus when clicking on them, probably because NuxtLink is used.
Additional context
As this discussion shows, it's better to use the html anchor tag to link to #id paths because scrolling into view is not working with NuxtLink.
This is a small part from my TOC generation, maybe this can be used somehow
<a :href="`#${link.id}`">{{ link.text }}</a>
Logs
No response
The text was updated successfully, but these errors were encountered:
nobkd
changed the title
Scrolling h2-h6 into focus not working (probably because of <NuxtLink> and #id links)
Scrolling h2-h6 into focus not working (probably because of <NuxtLink> and #anchor links)
Jul 26, 2022
Environment
Linux
v16.14.2
3.0.0-rc.6
[email protected]
vite
modules
,content
@nuxt/[email protected]
-
Reproduction
https://stackblitz.com/edit/github-9pr9pb?file=content%2Findex.md
Using any title tag (## to ###### => h2 to h6) and clicking on the generated id-link.
Describe the bug
Title links don't scroll into focus when clicking on them, probably because NuxtLink is used.
Additional context
As this discussion shows, it's better to use the html anchor tag to link to #id paths because scrolling into view is not working with NuxtLink.
This is a small part from my TOC generation, maybe this can be used somehow
Logs
No response
The text was updated successfully, but these errors were encountered: