MC-4014: PageBuilder Performance Is Bad With Minimal Content

- Support all slide appearances

Author: davemacaulay

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/slide/preview.js

@@ -22,8 +22,9 @@
                  attr="data.content.attributes"
                  ko-style="data.content.style"
                  css="data.content.css"
-                 event="mousedown: stopEvent"
-                 afterRender="initWysiwyg">
+                 event="mousedown: stopEvent, click: activateEditor"
+                 contenteditable="true"
+                 afterRender="afterRenderWysiwyg">
                 <div html="data.content.html"></div>
             </div>
             <div if="!data.content.html() && isWysiwygSupported()"

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-centered/preview.html

@@ -24,8 +24,9 @@
                  attr="data.content.attributes"
                  ko-style="data.content.style"
                  css="data.content.css"
-                 event="mousedown: stopEvent"
-                 afterRender="initWysiwyg">
+                 event="mousedown: stopEvent, click: activateEditor"
+                 contenteditable="true"
+                 afterRender="afterRenderWysiwyg">
                 <div html="data.content.html"></div>
             </div>
             <div if="!data.content.html() && isWysiwygSupported()"

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-left/preview.html

@@ -22,8 +22,9 @@
                  attr="data.content.attributes"
                  ko-style="data.content.style"
                  css="data.content.css"
-                 event="mousedown: stopEvent"
-                 afterRender="initWysiwyg">
+                 event="mousedown: stopEvent, click: activateEditor"
+                 contenteditable="true"
+                 afterRender="afterRenderWysiwyg">
                 <div html="data.content.html"></div>
             </div>
             <div if="!data.content.html() && isWysiwygSupported()"

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-right/preview.html

@@ -401,12 +401,14 @@ export default class Preview extends BasePreview {
      * @returns {HTMLElement}
      */
     private findTextNode(element: HTMLElement, text: string): HTMLElement {
-        const textSearch = $(element).find(":contains(\"" + text.trim() + "\")");
-        if (textSearch.length > 0) {
-            // Search for the #text node within the element for the new range
-            return textSearch.last().contents().filter(function() {
-                return this.nodeType === Node.TEXT_NODE && text === this.nodeValue;
-            })[0];
+        if (text && text.trim().length > 0) {
+            const textSearch = $(element).find(":contains(\"" + text.trim() + "\")");
+            if (textSearch.length > 0) {
+                // Search for the #text node within the element for the new range
+                return textSearch.last().contents().filter(function() {
+                    return this.nodeType === Node.TEXT_NODE && text === this.nodeValue;
+                })[0];
+            }
         }
     }
 }