From fecc4e81517e4e19152d1fb1babf3c03a464f0b6 Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Mon, 27 Feb 2023 18:15:10 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix=20jump=20to=20top=20on=20rer?=
 =?UTF-8?q?ender?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/components/editor/pdf-viewer.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/editor/pdf-viewer.jsx b/apps/web/components/editor/pdf-viewer.jsx
index 7561c5e55..9257a8754 100644
--- a/apps/web/components/editor/pdf-viewer.jsx
+++ b/apps/web/components/editor/pdf-viewer.jsx
@@ -9,6 +9,7 @@ export default function PDFViewer(props) {
   const [numPages, setNumPages] = useState(null);
   const [loading, setLoading] = useState(true);
   const [scrollPosition, setScrollPosition] = useState(0);
+  const [pageHeight, setPageHeight] = useState(0);
 
   function onPositionChangedHandler(position, id) {
     props.onPositionChanged(position, id);
@@ -34,13 +35,18 @@ export default function PDFViewer(props) {
 
   return (
     <>
-      <div hidden={loading} onMouseUp={props.onMouseUp}>
+      <div
+        hidden={loading}
+        onMouseUp={props.onMouseUp}
+        style={{ height: numPages * pageHeight + 1000 }}
+      >
         <div className="max-w-xs mt-6"></div>
         <Document
           file={props.pdfUrl}
           onLoadSuccess={onDocumentLoadSuccess}
           options={options}
           renderMode="canvas"
+          className="absolute w-auto mx-auto left-0 right-0"
         >
           {Array.from({ length: numPages }, (_, index) => (
             <Fragment key={short.generate().toString()}>
@@ -64,7 +70,8 @@ export default function PDFViewer(props) {
                   pageNumber={index + 1}
                   renderAnnotationLayer={false}
                   renderTextLayer={false}
-                  onLoadSuccess={() => {
+                  onLoadSuccess={(e) => {
+                    if (e.height) setPageHeight(e.height);
                     setLoading(false);
                   }}
                   onRenderError={() => setLoading(false)}