MC-15238: Live edit in Safari and Firefox puts caret at start of field after typing

- Resolved firefox issue with mouse range selection on tab header
- Resolved firefox command right to go to end of button
- Updated resize child button medthod to grabv the correct parent wrapper width

Author: Hwashiang Yu

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/button-item/_default.less

@@ -16,7 +16,7 @@
         z-index: auto;
 
         [contenteditable=true] {
-            display: inline-block;
+            display: block;
             min-height: 18px;
             min-width: 20px;
         }

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

@@ -259,14 +259,13 @@ export default class Preview extends PreviewCollection {
             if (this.contentType.dataStore.get("is_same_width") === "true") {
                 if (buttonItems.length > 0) {
                     const currentLargestButtonWidth = this.findLargestButtonWidth(buttonItems);
-                    const parentWrapperWidth = $(this.wrapperElement).width();
+                    const parentWrapperWidth = $(this.wrapperElement).find(".buttons-container").width();
                     if (currentLargestButtonWidth === 0) {
                         return;
                     }
                     buttonResizeValue = Math.min(currentLargestButtonWidth, parentWrapperWidth);
                 }
             }
-
             buttonItems.css("min-width", buttonResizeValue);
         }
     }

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

@@ -70,7 +70,7 @@ export default class Preview extends PreviewCollection {
                         tabItem.contentType &&
                         tabItem.contentType.parentContentType &&
                         tabItem.contentType.parentContentType.id ===
-                        tabItem.contentType.parentContentType.parentContentType.id
+                        this.contentType.parentContentType.id
                     ) {
                         const newIndex = tabItem
                             .contentType