Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 00:03:33 +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 [numPages, setNumPages] = useState(null);
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [scrollPosition, setScrollPosition] = useState(0); const [scrollPosition, setScrollPosition] = useState(0);
const [pageHeight, setPageHeight] = useState(0);
function onPositionChangedHandler(position, id) { function onPositionChangedHandler(position, id) {
props.onPositionChanged(position, id); props.onPositionChanged(position, id);
@ -34,13 +35,18 @@ export default function PDFViewer(props) {
return ( 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> <div className="max-w-xs mt-6"></div>
<Document <Document
file={props.pdfUrl} file={props.pdfUrl}
onLoadSuccess={onDocumentLoadSuccess} onLoadSuccess={onDocumentLoadSuccess}
options={options} options={options}
renderMode="canvas" renderMode="canvas"
className="absolute w-auto mx-auto left-0 right-0"
> >
{Array.from({ length: numPages }, (_, index) => ( {Array.from({ length: numPages }, (_, index) => (
<Fragment key={short.generate().toString()}> <Fragment key={short.generate().toString()}>
@ -64,7 +70,8 @@ export default function PDFViewer(props) {
pageNumber={index + 1} pageNumber={index + 1}
renderAnnotationLayer={false} renderAnnotationLayer={false}
renderTextLayer={false} renderTextLayer={false}
onLoadSuccess={() => { onLoadSuccess={(e) => {
if (e.height) setPageHeight(e.height);
setLoading(false); setLoading(false);
}} }}
onRenderError={() => setLoading(false)} onRenderError={() => setLoading(false)}