dynamically update container height

Expensify · Jun 28, 2024 · 941cfb4 · 941cfb4
1 parent 1abc4ed
commit 941cfb4
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/PDFPreviewer.tsx b/src/PDFPreviewer.tsx
@@ -231,8 +231,19 @@ function PDFPreviewer({
     }, [isPasswordInvalid, attemptPDFLoad, setIsPasswordInvalid, renderPasswordForm]);
 
     useLayoutEffect(() => {
-        setContainerWidth(containerRef.current?.clientWidth ?? 0);
-        setContainerHeight(containerRef.current?.clientHeight ?? 0);
+        if (!containerRef.current) {
+            return;
+        }
+        const resizeObserver = new ResizeObserver(() => {
+            if (!containerRef.current) {
+                return;
+            }
+            setContainerWidth(containerRef.current.clientWidth);
+            setContainerHeight(containerRef.current.clientHeight);
+        });
+        resizeObserver.observe(containerRef.current);
+
+        return resizeObserver.disconnect;
     }, []);
 
     return (