Merge pull request #80 from avelican/main

fix scrolling on iOS and desktop
deiucanta · Feb 5, 2024 · 74cb1ac · 74cb1ac
2 parents c2ddf29 72fb78a
commit 74cb1ac
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/components/ScrollIntoView.tsx b/src/components/ScrollIntoView.tsx
@@ -1,13 1,15 @@
-import { ReactNode } from "react";
 import { ReactNode, useRef, useEffect } from "react";
 
 export function ScrollIntoView({ children }: { children: ReactNode }) {
 
  // Scroll into view as soon as we appear
  const myRef = useRef(null);
  useEffect(() => {
  myRef.current.scrollIntoView({ behavior: 'smooth' });
  }, []);
 
  return (
- <div
- ref={(node) => {
- if (!node) return;
- node.scrollIntoView({ behavior: "smooth" });
- }}
- >
  <div ref={myRef}>
  {children}
  </div>
  );