Merge pull request #357 from magento/magento-mpi-MC-29529

[Support] MC-29529: Slider upload from gallery is not possible

Author: davemacaulay

app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/image-uploader.js

@@ -235,6 +235,19 @@ define([
         hasData: function () {
             // Some of the components automatically add an empty object if the value is unset.
             return this._super() && !$.isEmptyObject(this.value()[0]);
+        },
+
+        /**
+         * Stop event to prevent it from reaching any objects other than the current object.
+         *
+         * @param {Object} uploader
+         * @param {Event} event
+         * @returns {Boolean}
+         */
+        stopEvent: function (uploader, event) {
+            event.stopPropagation();
+
+            return true;
         }
     });
 });

app/code/Magento/PageBuilder/view/adminhtml/web/template/form/element/uploader/preview/image.html

@@ -10,11 +10,16 @@
         <div class="pagebuilder-options-wrapper">
             <ul class="pagebuilder-options-links">
                 <li class="pagebuilder-options-link">
-                    <label class="file-uploader-button action-default" attr="for: uid" disable="disabled" translate="translations.uploadNewImage" />
+                    <label
+                        data-bind="event: {mousedown: stopEvent}"
+                        class="file-uploader-button action-default"
+                        attr="for: uid"
+                        disable="disabled"
+                        translate="translations.uploadNewImage" />
                 </li>
                 <li class="pagebuilder-options-link">
                     <label
-                        data-bind="event: {change: addFileFromMediaGallery, click: openMediaBrowserDialog}"
+                        data-bind="event: {change: addFileFromMediaGallery, click: openMediaBrowserDialog, mousedown: stopEvent}"
                         class="file-uploader-button action-default"
                         attr="id: mediaGalleryUid, 'data-id': getFileId()"
                         disable="disabled"