fix rotation issues

Author: pasyukevich

src/PDFPreviewer.tsx

@@ -27,7 +27,6 @@ type Props = {
     onLoadError?: () => void;
     containerStyle?: CSSProperties;
     contentContainerStyle?: CSSProperties;
-    /** Rotation angle for all pages (0, 90, 180, 270 degrees) */
     rotation?: RotationDegrees;
 };
 
@@ -216,6 +215,14 @@ function PDFPreviewer({
         }
     }, [containerWidth, containerHeight, rotation]);
 
+    /**
+     * Scroll back to the top whenever rotation changes so the list offset
+     * is consistent regardless of how page dimensions change.
+     */
+    useLayoutEffect(() => {
+        listRef.current?.scrollTo(0);
+    }, [rotation]);
+
     useLayoutEffect(() => {
         if (!containerRef.current) {
             return undefined;
@@ -260,7 +267,7 @@ function PDFPreviewer({
                             style={{...styles.list, ...contentContainerStyle}}
                             outerRef={setListAttributes}
                             width={isSmallScreen ? pageWidth : containerWidth}
-                            height={containerHeight}
+                            height={numPages === 1 && estimatedPageHeight < containerHeight ? estimatedPageHeight : containerHeight}
                             itemCount={numPages}
                             itemSize={calculatePageHeight}
                             estimatedItemSize={calculatePageHeight(0)}
@@ -269,7 +276,6 @@ function PDFPreviewer({
                                 estimatedPageHeight,
                                 calculatePageHeight,
                                 getDevicePixelRatio,
-                                containerHeight,
                                 numPages,
                             }}
                         >

src/PageRenderer.tsx

@@ -12,21 +12,19 @@ type Props = {
         calculatePageHeight: (pageIndex: number) => number;
         getDevicePixelRatio: (width: number, height: number) => number | undefined;
         numPages: number;
-        containerHeight: number;
     };
 };
 
 function PageRenderer({index, style, data}: Props) {
-    const {pageWidth, estimatedPageHeight, calculatePageHeight, getDevicePixelRatio, numPages, containerHeight} = data;
+    const {pageWidth, estimatedPageHeight, calculatePageHeight, getDevicePixelRatio, numPages} = data;
     /**
      * Render a specific page based on its index.
      * The method includes a wrapper to apply virtualized styles.
      */
     const pageHeight = calculatePageHeight(index);
     const devicePixelRatio = getDevicePixelRatio(pageWidth, pageHeight);
-    const parsedHeight = parseFloat(style.height as unknown as string);
     const parsedTop = parseFloat(style.top as unknown as string);
-    const topPadding = numPages > 1 || parsedHeight > containerHeight ? parsedTop + PAGE_BORDER : (containerHeight - parsedHeight) / 2;
+    const topPadding = numPages === 1 ? parsedTop : parsedTop + PAGE_BORDER;
     return (
         <div style={{...styles.pageWrapper, ...style, top: `${topPadding}px`}}>
             <Page