moved targetViewport object

ProjektAdLer · Sep 17, 2024 · c6491e5 · c6491e5
1 parent 33de293
commit c6491e5
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/...Presentation/React/LearningSpaceDisplay/LearningElementModal/SubComponents/H5PContent.tsx b/...Presentation/React/LearningSpaceDisplay/LearningElementModal/SubComponents/H5PContent.tsx
@@ -20,17 +20,17 @@ export default function H5PContent({
 }) {
   const h5pContainerRef = useRef<HTMLDivElement>(null);
 
-  const targetViewPort = {
-    height: window.innerHeight,
-    width: window.innerWidth,
-    ratio: window.innerWidth / window.innerHeight,
-  };
-
   function h5pResizing() {
     if (h5pContainerRef.current?.style.visibility) {
       const h5pRef = h5pContainerRef.current;
       const h5pRatio = h5pRef.clientWidth / h5pRef.clientHeight;
 
+      const targetViewPort = {
+        height: window.innerHeight,
+        width: window.innerWidth,
+        ratio: window.innerWidth / window.innerHeight,
+      };
+
       if (h5pRatio < targetViewPort.ratio) {
         h5pRef.style.width = targetViewPort.height * h5pRatio - 20 + "px";
         h5pRef.style.height = targetViewPort.height + "px";