feat: code group tab scrollIntoView

[izayl]

add smooth scrollIntoView when code group is scrollable

[brc-dd]

Can you show a demo of what this does?

[izayl]

before

2023-05-10.23.47.30.mov

after

2023-05-10.23.49.07.mov

[brc-dd]

Ah, for some reason the scrolling isn't smooth if you click the left tab, and it does weird scrolling if one clicks the active tab.

Screen.Recording.2023-05-10.at.9.26.33.PM.mov

[izayl]

let me fix it

[izayl]

@brc-dd I found this is a bug of vitepress, see the recurrence demo, and I'll fix it in another pr

https://vitepress-codegroup-scroll-issue-izayl.vercel.app/markdown-examples.html

2023-05-11.15.09.40.mov

[izayl]

the scroll problem fixed at #2362

[izayl]

it now much better

2023-05-11.21.00.32.mov

[izayl]

@brc-dd I've made some changes to the code based on your feedback, and I'd appreciate it if you could take another look.

[brc-dd]

for some reason the scrolling isn't smooth if you click the left tab

This thing still doesn't appear to be fixed. For example click the last tab in your example (decode-array-primitive) -- it will scroll smoothly. Then click the first tab (decode-primitive) -- it won't scroll smoothly.

The fix at #2362 too isn't valid (left comment there). It will be better to not set scroll behavior smooth. Just something like this should be fine IMO:

label?.scrollIntoView({ block: 'nearest' })