content: image: provide html-intrinsic width & height

Should fix relayout if the page does its first render before
the image is loaded

1 files changed, 6 insertions, 3 deletions

diff --git a/src/content/dependencies/image.js b/src/content/dependencies/image.js
index 4c945a20..1428de88 100644
--- a/src/content/dependencies/image.js
+++ b/src/content/dependencies/image.js
@@ -112,12 +112,17 @@ export default {
     const isMissingImageFile =
       missingImagePaths.includes(mediaSrc);
 
+    const originalDimensions =
+      (isMissingImageFile
+        ? null
+        : getDimensionsOfImagePath(mediaSrc));
+
     const willLink =
       !isMissingImageFile &&
       (typeof slots.link === 'string' || slots.link);
 
     const warnings = slots.warnings ?? data.warnings;
-    const dimensions = slots.dimensions;
+    const dimensions = slots.dimensions ?? originalDimensions;
 
     const willReveal =
       slots.reveal &&
@@ -184,7 +189,6 @@ export default {
     // so it won't be set if thumbnails aren't available.
     let revealSrc = null;
 
-    let originalDimensions;
     let availableThumbs;
     let selectedThumbtack;
 
@@ -205,7 +209,6 @@ export default {
           getThumbSrc(getThumbnailEqualOrSmaller('mini', mediaSrc));
       }
 
-      originalDimensions = getDimensionsOfImagePath(mediaSrc);
       availableThumbs = getThumbnailsAvailableForDimensions(originalDimensions);
 
       const fileSize =