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

Author: yelahin-serhiy

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

@@ -170,18 +170,18 @@ export function parseAttributesString(attributes: string): { [key: string]: stri
  * @param element
  */
 export function lockImageSize(element: HTMLElement) {
-    [].slice.call(element.querySelectorAll('img')).forEach((image: HTMLImageElement) => {
+    [].slice.call(element.querySelectorAll("img")).forEach((image: HTMLImageElement) => {
         if (image.style.width.length === 0) {
-            image.style.width = /^\d+$/.test(image.getAttribute('width')) ?
-                image.getAttribute('width') + 'px' :
-                image.getAttribute('width');
-            image.setAttribute('data-width-locked', 'true');
+            image.style.width = /^\d+$/.test(image.getAttribute("width")) ?
+                image.getAttribute("width") + "px" :
+                image.getAttribute("width");
+            image.setAttribute("data-width-locked", "true");
         }
         if (image.style.height.length === 0) {
-            image.style.height = /^\d+$/.test(image.getAttribute('height')) ?
-                image.getAttribute('height') + 'px':
-                image.getAttribute('height');
-            image.setAttribute('data-height-locked', 'true');
+            image.style.height = /^\d+$/.test(image.getAttribute("height")) ?
+                image.getAttribute("height") + "px" :
+                image.getAttribute("height");
+            image.setAttribute("data-height-locked", "true");
         }
     });
 }
@@ -192,14 +192,14 @@ export function lockImageSize(element: HTMLElement) {
  * @param element
  */
 export function unlockImageSize(element: HTMLElement) {
-    [].slice.call(element.querySelectorAll('img')).forEach((image: HTMLImageElement) => {
-        if (image.getAttribute('data-width-locked')) {
+    [].slice.call(element.querySelectorAll("img")).forEach((image: HTMLImageElement) => {
+        if (image.getAttribute("data-width-locked")) {
             image.style.width = null;
-            image.removeAttribute('data-width-locked');
+            image.removeAttribute("data-width-locked");
         }
-        if (image.getAttribute('data-height-locked')) {
+        if (image.getAttribute("data-height-locked")) {
             image.style.height = null;
-            image.removeAttribute('data-height-locked');
+            image.removeAttribute("data-height-locked");
         }
     });
 }

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

@@ -29,7 +29,10 @@ define([
                 var image = document.createElement('img'),
                     element = document.createElement('div');
 
-                $(image).css({'width' : '100%', 'height' : '100%'});
+                $(image).css({
+                    width: '100%',
+                    height: '100%'
+                });
                 $(image).attr('data-height-locked', 'true');
                 $(element).append(image);