fix(theme): scroll code group tab into view on selection

brc-dd · brc-dd · commit 1a6efbae8e13 · 2023-08-05T16:09:42.000+05:30
closes #2355 Co-authored-by: izayl <izayl@163.com>
diff --git a/src/client/app/composables/codeGroups.ts b/src/client/app/composables/codeGroups.ts
@@ -37,6 +37,9 @@ export function useCodeGroups() {
 
         current.classList.remove('active')
         next.classList.add('active')
+
+        const label = group?.querySelector(`label[for="${el.id}"]`)
+        label?.scrollIntoView({ block: 'nearest' })
       }
     })
   }

Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,9 @@ export function useCodeGroups() {`
`37`	`37`
`38`	`38`	`current.classList.remove('active')`
`39`	`39`	`next.classList.add('active')`
	`40`	`+`
	`41`	+ const label = group?.querySelector(`label[for="${el.id}"]`)
	`42`	`+ label?.scrollIntoView({ block: 'nearest' })`
`40`	`43`	`}`
`41`	`44`	`})`
`42`	`45`	`}`