From 72bbc3d57637b62f26412ac6e6379c807f6b2c28 Mon Sep 17 00:00:00 2001 From: atanasster Date: Tue, 2 Jun 2020 02:39:45 -0400 Subject: [PATCH] fix: adjust anchor smooth scrolling --- ui/blocks/src/PageContainer/PageContainer.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/ui/blocks/src/PageContainer/PageContainer.tsx b/ui/blocks/src/PageContainer/PageContainer.tsx index 5ecbcf2ac..50aac359c 100644 --- a/ui/blocks/src/PageContainer/PageContainer.tsx +++ b/ui/blocks/src/PageContainer/PageContainer.tsx @@ -47,12 +47,13 @@ export const PageContainer: FC = forwardRef( if (scrollId) { const element = document.getElementById(scrollId); if (element) { + const offsetTop = + element.getBoundingClientRect().top + window.pageYOffset - 60; // Introducing a delay to ensure scrolling works when it's a full refresh. setTimeout(() => { - element.scrollIntoView({ + window.scroll({ + top: offsetTop, behavior: 'smooth', - block: 'end', - inline: 'nearest', }); }, 100); }