Bugfixes

packages/app/src/Element/Modal.tsx

@@ -1,5 +1,5 @@
 import "./Modal.css";
-import { ReactNode } from "react";
+import { ReactNode, useEffect } from "react";
 
 export interface ModalProps {
   id: string;
@@ -9,6 +9,11 @@ export interface ModalProps {
 }
 
 export default function Modal(props: ModalProps) {
+  useEffect(() => {
+    document.body.classList.add("scroll-lock");
+    return () => document.body.classList.remove("scroll-lock");
+  }, []);
+
   return (
     <div className={`modal${props.className ? ` ${props.className}` : ""}`} onClick={props.onClose}>
       <div className="modal-body" onClick={e => e.stopPropagation()}>