MC-4014: PageBuilder Performance Is Bad With Minimal Content

- Resolve issue with hovering over content types

Author: davemacaulay

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

@@ -205,11 +205,12 @@ export default class Preview {
      * @param {Event} event
      */
     public onMouseOut(context: Preview, event: Event) {
+        this.mouseover = false;
+
         if (getDraggedContentTypeConfig()) {
             return;
         }
 
-        this.mouseover = false;
         _.delay(() => {
             if (!this.mouseover && this.mouseoverContext === context) {
                 const currentTarget = event.currentTarget;

app/code/Magento/PageBuilder/view/adminhtml/web/js/drag-drop/sortable.js

@@ -184,6 +184,9 @@ function onSortStop(preview: Preview, event: Event, ui: JQueryUI.SortableUIParam
  * @param {JQueryUI.SortableUIParams} ui
  */
 function onSortReceive(preview: Preview, event: Event, ui: JQueryUI.SortableUIParams) {
+    const contentTypeConfig = getDraggedContentTypeConfig();
+    setDraggedContentTypeConfig(null);
+
     if ($(event.target)[0] !== this) {
         return;
     }
@@ -194,7 +197,6 @@ function onSortReceive(preview: Preview, event: Event, ui: JQueryUI.SortableUIPa
         return;
     }
 
-    const contentTypeConfig = getDraggedContentTypeConfig();
     if (contentTypeConfig) {
         // If the sortable instance is disabled don't complete this operation
         if ($(this).sortable("option", "disabled") || $(this).parents(hiddenClass).length > 0) {