From 1a6efbae8e13eb6612aacdb8d384554e72e5f562 Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Sat, 5 Aug 2023 16:09:42 +0530
Subject: [PATCH] fix(theme): scroll code group tab into view on selection

closes #2355
Co-authored-by: izayl <izayl@163.com>
---
 src/client/app/composables/codeGroups.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/client/app/composables/codeGroups.ts b/src/client/app/composables/codeGroups.ts
index e80606eaf2bd..d8a38ba72741 100644
--- 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' })
       }
     })
   }