MC-41569: "Image Size" sporadically changing from "%" to pixels

Author: yelahin-serhiy

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/utils/editor.ts

@@ -171,8 +171,10 @@ export function parseAttributesString(attributes: string): { [key: string]: stri
  */
 export function lockImageSize(element: HTMLElement) {
     [].slice.call(element.querySelectorAll("img")).forEach((image: HTMLImageElement) => {
-        image.style.width = `${image.width}px`;
-        image.style.height = `${image.height}px`;
+        if (image.style.width.length === 0 && image.style.height.length === 0) {
+            image.style.width = `${image.width}px`;
+            image.style.height = `${image.height}px`;
+        }
     });
 }
 

dev/tests/js/jasmine/tests/app/code/Magento/PageBuilder/view/adminhtml/web/js/utils/editor.test.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+define([
+    'Magento_PageBuilder/js/utils/editor',
+    'jquery'
+], function (utils, $) {
+    'use strict';
+
+    describe('Magento_PageBuilder/js/utils/editor.js', function () {
+        describe('lockImageSize', function () {
+            it('Should not change the defined image sizes', function () {
+                var image = new Image();
+
+                $(document.body).append(image);
+                $(image).width('100%');
+
+                utils.lockImageSize(document.body);
+                expect(image.style.width).toEqual('100%');
+
+                image.remove();
+            });
+        });
+    });
+});