fix: adjust anchor smooth scrolling

ccontrols · Jun 2, 2020 · 72bbc3d · 72bbc3d
1 parent c0c750c
commit 72bbc3d
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/ui/blocks/src/PageContainer/PageContainer.tsx b/ui/blocks/src/PageContainer/PageContainer.tsx
@@ -47,12 +47,13 @@ export const PageContainer: FC<PageContainerProps> = 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);
         }