From 05aa88f7369d61d7f265629e7f725e453d88a8e8 Mon Sep 17 00:00:00 2001
From: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Date: Mon, 31 Jul 2023 14:38:50 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fikset=20scrolling,=20ved=20?=
 =?UTF-8?q?=C3=A5=20tillate=20Modal=20i=20=C3=A5=20kj=C3=B8re=20cleanup=20?=
 =?UTF-8?q?code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/FeilCard.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/FeilCard.tsx b/frontend/src/components/FeilCard.tsx
index fc1542e..d71eded 100644
--- a/frontend/src/components/FeilCard.tsx
+++ b/frontend/src/components/FeilCard.tsx
@@ -1,8 +1,8 @@
 import "@navikt/ds-css";
-import { Heading, Tag } from "@navikt/ds-react";
+import { Heading, Modal, Tag } from "@navikt/ds-react";
 import { IFeilmelding } from "../interface";
 import FeilModal from "./FeilModal";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
 /**
  * En konteiner som inneholder all informasjon og funksjonalitet for å vise og interagere med en feilmelding.
@@ -11,12 +11,15 @@ import { useState } from "react";
  * @param dato
  * @returns JSX komponent som beskriver innholdet i feilmeldinger.
  */
-
 interface IFeilKort extends IFeilmelding {
     key: number
 }
 export const FeilKort = (props: IFeilKort) => {
     const [visModal, setVisModal] = useState<boolean>(false)
+
+    useEffect(() => {
+        Modal.setAppElement(document.getElementById('root'));
+    }, []);
     
     return(
         <>
@@ -30,13 +33,11 @@ export const FeilKort = (props: IFeilKort) => {
             >
                 <FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={props.dato}/>
             </div>
-            { visModal ? 
-                <FeilModal open={visModal} setOpen={setVisModal} >
-                  <FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={new Date()} />
-                  <div className="h-2 bg-gray-200 my-4 rounded-lg"></div>
-                  {/* TODO: HER KOMMER CONTENT */}
-                </FeilModal> : null
-            } 
+            <FeilModal open={visModal} setOpen={setVisModal} >
+                <FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={new Date()} />
+                <div className="h-2 bg-gray-200 my-4 rounded-lg"></div>
+                {/* TODO: HER KOMMER CONTENT */}
+            </FeilModal>
         </>
     )
 }