haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-28 16:17:02 +00:00
Code Issues Releases Wiki Activity

fix image not load when page init (#8071)

Browse Source
This commit is contained in:
Michael An
2025-07-22 13:37:58 +08:00
committed by GitHub
parent 1f2c8ed3cc
commit a477a2f128
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/file-view/image-zoomer.js
View File

@@ -55,6 +55,13 @@ const ImageZoomer = ({ setImageScale }) => {
const scaleImageToPageFit = useCallback(() => {
const imageElement = document.getElementById('image-view');
// make sure real dom is rendered before calculating the scale
if (!imageElement || (imageElement.clientWidth === 2 && imageElement.clientHeight === 2)) {
setTimeout(() => {
scaleImageToPageFit();
}, 100);
return;
}
const borderWidth = 1;
const width = imageElement.clientWidth + borderWidth * 2;
const height = imageElement.clientHeight + borderWidth * 2;
@@ -100,10 +107,7 @@ const ImageZoomer = ({ setImageScale }) => {
}, [onMenuItemClick]);
useEffect(() => {
// make sure real dom is rendered before calculating the scale
setTimeout(() => {
scaleImageToPageFit();
}, 100);
scaleImageToPageFit();
}, [scaleImageToPageFit]);
return (