Fix scale factor not set dynamically

wojtekmaj · May 8, 2023 · 118afaf · 118afaf
1 parent ab5ecd8
commit 118afaf
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/src/Document.tsx b/src/Document.tsx
@@ -462,7 +462,14 @@ const Document = forwardRef(function Document(
   }
 
   return (
-    <div className={clsx('react-pdf__Document', className)} ref={inputRef} {...eventProps}>
+    <div
+      className={clsx('react-pdf__Document', className)}
+      ref={inputRef}
+      style={{
+        ['--scale-factor' as string]: '1',
+      }}
+      {...eventProps}
+    >
       {renderContent()}
     </div>
   );

diff --git a/src/Page.tsx b/src/Page.tsx
@@ -380,6 +380,7 @@ export default function Page(props: PageProps) {
       data-page-number={pageNumber}
       ref={mergeRefs(inputRef, pageElement)}
       style={{
+        ['--scale-factor' as string]: `${scale}`,
         position: 'relative',
         minWidth: 'min-content',
         minHeight: 'min-content',

diff --git a/src/Page/AnnotationLayer.css b/src/Page/AnnotationLayer.css
@@ -55,7 +55,6 @@
   left: 0;
   pointer-events: none;
   transform-origin: 0 0;
-  --scale-factor: 1;
 }
 
 .annotationLayer section {

diff --git a/src/Page/TextLayer.css b/src/Page/TextLayer.css
@@ -49,7 +49,6 @@
   forced-color-adjust: none;
   transform-origin: 0 0;
   z-index: 2;
-  --scale-factor: 1;
 }
 
 .textLayer span,