MC-4294: Cannot Activate Tab Item After Moving Tabs or Slider to New Parent Container

Allow support for switching to active tab after a re-render of tabs

Author: danmooney2

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

@@ -36,6 +36,7 @@ import PreviewCollection from "../preview-collection";
  */
 export default class Preview extends PreviewCollection {
     public focusedTab: KnockoutObservable<number> = ko.observable(null);
+    public activeTab: KnockoutObservable<number> = ko.observable(0);
     private disableInteracting: boolean;
     private element: Element;
     private ready: boolean;
@@ -178,6 +179,8 @@ export default class Preview extends PreviewCollection {
         if (index !== null) {
             $(this.element).tabs("option", "active", index);
 
+            this.activeTab(index);
+
             events.trigger("contentType:redrawAfter", {
                 id: this.parent.id,
                 contentType: this,
@@ -426,7 +429,7 @@ export default class Preview extends PreviewCollection {
      *
      * @type {(() => void) & _.Cancelable}
      */
-    private buildTabs(activeTabIndex = this.previewData.default_active() as number || 0) {
+    private buildTabs(activeTabIndex = (this.activeTab() || this.previewData.default_active()) as number || 0) {
         this.ready = false;
         if (this.element && this.element.children.length > 0) {
             const focusedTab = this.focusedTab();