Merge remote-tracking branch 'origin/MC-3495-drop-text-bug' into cms-team-2-button-bugs

Author: tjwiebell

app/code/Magento/PageBuilder/view/adminhtml/web/js/binding/live-edit.js

@@ -129,29 +129,39 @@ ko.bindingHandlers.liveEdit = {
             }, 300).call(this);
         };
 
+        /**
+         * Prevent content from being dropped inside of inline edit area
+         *
+         * @param {DragEvent} event
+         */
+        const onDrop = (event: DragEvent) => {
+            event.preventDefault();
+        };
+
         /**
          * Input event on element
          */
         const onInput = () => {
             handlePlaceholderClass(element);
         };
         element.setAttribute("data-placeholder", placeholder);
-        element.innerText = viewModel.previewData[field]();
+        element.innerText = viewModel.parent.dataStore.get(field);
         element.contentEditable = true;
         element.addEventListener("focus", onFocus);
         element.addEventListener("blur", onBlur);
         element.addEventListener("click", onClick);
         element.addEventListener("keydown", onKeyDown);
         element.addEventListener("input", onInput);
+        element.addEventListener("drop", onDrop);
 
         $(element).parent().css("cursor", "text");
         handlePlaceholderClass(element);
 
         // Create a subscription onto the original data to update the internal value
-        viewModel.previewData[field].subscribe((value: string) => {
-            element.innerText = viewModel.previewData[field]();
+        viewModel.parent.dataStore.subscribe(() => {
+            element.innerText = viewModel.parent.dataStore.get(field);
             handlePlaceholderClass(element);
-        });
+        }, field);
     },
 
     /**
@@ -166,7 +176,7 @@ ko.bindingHandlers.liveEdit = {
     update(element, valueAccessor, allBindings, viewModel, bindingContext) {
         const {field} = valueAccessor();
 
-        element.innerText = viewModel.previewData[field]();
+        element.innerText = viewModel.parent.dataStore.get(field);
         handlePlaceholderClass(element);
     },
 };