fix: achor smooth scroll into view

ccontrols · Jun 7, 2020 · 7aa9497 · 7aa9497
1 parent 05bed2d
commit 7aa9497
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/ui/blocks/src/PageContainer/PageContainer.tsx b/ui/blocks/src/PageContainer/PageContainer.tsx
@@ -52,15 +52,22 @@ export const PageContainer: FC<PageContainerProps & BoxProps> = forwardRef(
         if (scrollId) {
           const element = document.getElementById(scrollId);
           if (element) {
+            setTimeout(() => {
+              element.scrollIntoView({ behavior: 'smooth', block: 'start' });
+            }, 100);
+
+            /*
             const offsetTop =
-              element.getBoundingClientRect().top + window.pageYOffset - 60;
+              element.getBoundingClientRect().top + window.pageYOffset - 30;
             // Introducing a delay to ensure scrolling works when it's a full refresh.
+
             setTimeout(() => {
               window.scroll({
                 top: offsetTop,
                 behavior: 'smooth',
               });
             }, 100);
+            */
           }
         }
       } catch (err) {}

diff --git a/ui/components/src/BlockContainer/BlockContainer.tsx b/ui/components/src/BlockContainer/BlockContainer.tsx
@@ -74,6 +74,7 @@ export const BlockContainer: FC<BlockContainerProps> = ({
         mt: 4,
         mb: 4,
         width: '100%',
+        scrollMarginTop: '5rem',
         ...sxStyle,
       }}
       id={blockId}