Merge remote-tracking branch 'trigger/AC-378' into AC-246

Author: kieuphan2406

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

@@ -63,6 +63,16 @@
             left: -1px !important;
             right: -1px;
         }
+        .tox-dialog-wrap {
+            width: inherit;
+
+            .tox-dialog-wrap__backdrop {
+                height: 120%;
+            }
+            .tox-dialog {
+                max-height: none;
+            }
+        }
         .pagebuilder-empty-slide {
             left: 0;
             pointer-events: none;

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/slide/wysiwyg/tinymce/component-initializer.js

@@ -5,6 +5,7 @@
 
 import $ from "jquery";
 import WysiwygEvents from "mage/adminhtml/wysiwyg/events";
+import _ from "underscore";
 import {AdditionalDataConfigInterface} from "../../../../content-type-config.types";
 import delayUntil from "../../../../utils/delay-until";
 import WysiwygComponentInitializerInterface from "../../../../wysiwyg/component-initializer-interface";
@@ -127,6 +128,15 @@ export default class ComponentInitializer implements WysiwygComponentInitializer
             () => !this.slideChanging,
             10,
         );
+
+        // Wait for everything else to finish
+        _.defer(() => {
+            // Add width for tinymce modal
+            $(this.activeSlideSelector).find(".tox-tinymce-aux").css(
+                "width",
+                $(this.activeSlideSelector).width(),
+            );
+        });
     }
 
     /**
@@ -151,5 +161,8 @@ export default class ComponentInitializer implements WysiwygComponentInitializer
         if (this.autoplay) {
             $slider.parent().slick("slickPlay");
         }
+
+        // Revert width for tinymce modal
+        $(this.activeSlideSelector).find(".tox-tinymce-aux").css("width", "");
     }
 }