Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-12 15:53:02 +10:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix jump to top on rerender

Browse Source
This commit is contained in:
Timur Ercan
2023-02-27 18:15:10 +01:00
parent 9d7b0d2753
commit fecc4e8151
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/web/components/editor/pdf-viewer.jsx
View File

@ -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)}