@ckeditor/ckeditor5-image 44.2.0-alpha.15 → 44.2.0-alpha.2

package/dist/index.js

@@ -1620,12 +1620,6 @@ const IMAGE_URL_REGEXP = new RegExp(String(/^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@
                 } else {
                     viewWriter.removeAttribute(viewAttributeName, img);
                 }
-                const width = data.item.getAttribute('width');
-                const height = data.item.getAttribute('height');
-                const hasSizes = width && height;
-                if (hasSizes && isEditingDowncast) {
-                    viewWriter.setAttribute('loading', 'lazy', img);
-                }
                 // Do not set aspect-ratio for pictures. See https://github.com/ckeditor/ckeditor5/issues/14579.
                 if (data.item.hasAttribute('sources')) {
                     return;
@@ -1635,8 +1629,14 @@ const IMAGE_URL_REGEXP = new RegExp(String(/^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@
                 if (imageType === 'imageInline' && !isResized && !setRatioForInlineImage) {
                     return;
                 }
-                if (hasSizes) {
-                    viewWriter.setStyle('aspect-ratio', `${width}/${height}`, img);
+                const width = data.item.getAttribute('width');
+                const height = data.item.getAttribute('height');
+                if (!width || !height) {
+                    return;
+                }
+                viewWriter.setStyle('aspect-ratio', `${width}/${height}`, img);
+                if (isEditingDowncast) {
+                    viewWriter.setAttribute('loading', 'lazy', img);
                 }
             });
         }
@@ -5056,6 +5056,7 @@ const RESIZED_IMAGE_CLASS = 'image_resized';
     }
     const imageParentWidthPx = calculateResizeHostAncestorWidth(imageNodes.dom);
     const imageHolderDimension = {
+        unit: 'px',
         value: new Rect(imageNodes.dom).width
     };
     return tryCastDimensionsToUnit(imageParentWidthPx, imageHolderDimension, targetUnit);
@@ -5268,7 +5269,9 @@ const RESIZED_IMAGE_CLASS = 'image_resized';
     }
     const imageParentWidthPx = calculateResizeHostAncestorWidth(imageNodes.dom);
     const minimumImageWidth = tryParseDimensionWithUnit(window.getComputedStyle(imageNodes.dom).minWidth) || {
-        value: 1};
+        value: 1,
+        unit: 'px'
+    };
     const lower = Math.max(0.1, tryCastDimensionsToUnit(imageParentWidthPx, minimumImageWidth, targetUnit).value);
     const upper = targetUnit === 'px' ? imageParentWidthPx : 100;
     return {