From ec0f2778636e474d37dfdb3e973c8fe35ab1ac1c Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Mon, 15 Mar 2021 10:23:59 +0200
Subject: [PATCH] Add automatic anchor focus
---
src/components/accordion-item/accordion-item.tsx | 3 +++
1 file changed, 3 insertions(+)
diff --git a/src/components/accordion-item/accordion-item.tsx b/src/components/accordion-item/accordion-item.tsx
index 2667e006..e8ccf5c0 100644
--- a/src/components/accordion-item/accordion-item.tsx
+++ b/src/components/accordion-item/accordion-item.tsx
@@ -156,6 +156,9 @@ export class AccordionItem {
target.setAttribute('aria-expanded', 'true');
targetParent.classList.add('hy-accordion__item__is-open');
+ const targetElementRect = target.getBoundingClientRect();
+ window.scrollTo({top: window.scrollY + targetElementRect.top - 200, behavior: 'smooth'});
+
const containerId = targetParent.parentElement.parentElement.id;
if (containerId.length > 0) {
let accordion = document.querySelectorAll(`#${containerId}`)[0];
--
GitLab