MC-4232: Button text draggable triggers the image drop zones

- Updated button-item and tabs template to prevent dragging

Author: Hwashiang Yu

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/button-item/default/preview.html

@@ -13,7 +13,8 @@
     <a attr="data.link.attributes"
        ko-style="data.link.style"
        css="data.link.css"
-       click="function (context, event) { onClick($index(), event); }">
+       click="function (context, event) { onClick($index(), event); }"
+       event="{dragstart: function(context, event) { event.preventDefault(); }}">
         <span class="button-item-drag-handle" css="{disabled: parent.parent.children().length <= 1}"></span>
         <span attr="data.link_text.attributes"
               data-bind="liveEdit: { field: 'button_text', placeholder: buttonPlaceholder, selectAll: true }, hasFocusNoScroll: $parent.parent.preview.focusedButton() === $index()"

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/tabs/default/preview.html

@@ -17,7 +17,7 @@
                     click="function (context, event) { parent.parent.preview.onTabClick($index(), event); }"
                     ko-style="parent.parent.preview.getTabHeaderStyles()"
                     event="{ focusin: function () { parent.parent.preview.setFocusedTab($index(), true) }, focusout: function () { window.getSelection().removeAllRanges(); parent.parent.preview.setFocusedTab(null); } }">
-                    <a href="#no-tab" class="tab-title focus-options" attr="{ href: '#' + parent.id }">
+                    <a href="#no-tab" class="tab-title focus-options" attr="{ href: '#' + parent.id }" event="{ dragstart: function(context, event) { event.preventDefault(); }}">
                         <render args="getOptions().template" />
                         <span class="tab-drag-handle" css="{disabled: parent.parent.children().length <= 1}"></span>
                         <span class="tab-title tab-name" data-tab-title="true" data-bind="liveEdit: { field: 'tab_name', placeholder: $t('...'), selectAll: true }, hasFocusNoScroll: parent.parent.preview.focusedTab() === $index()"></span>