MC-3484: z-index issues with MC-1416

- Moved selectors to config

Author: nathanjosiah

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

@@ -50,14 +50,18 @@ export default class Preview extends BasePreview {
      * Fixes z-index issues for tabs and column
      */
     private onFocus() {
-        $(this.element).closest(".tabs-content, .pagebuilder-column").css("z-index", 100);
+        $(this.element).closest(
+            this.config.additional_data.wysiwygConfig.parentSelectorsToUnderlay.join(",")
+        ).css("z-index", 100);
     }
 
     /**
      * Event handler for wysiwyg blur
      * Fixes z-index issues for tabs and column
      */
     private onBlur() {
-        $(this.element).closest(".tabs-content, .pagebuilder-column").css("z-index", "");
+        $(this.element).closest(
+            this.config.additional_data.wysiwygConfig.parentSelectorsToUnderlay.join(",")
+        ).css("z-index", "");
     }
 }

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

@@ -49,6 +49,10 @@
             <additional_data>
                 <item name="wysiwygConfig" xsi:type="array">
                     <item name="wysiwygConfigData" xsi:type="object">Magento\PageBuilder\Model\Config\ContentType\AdditionalData\Provider\Wysiwyg\Config</item>
+                    <item name="parentSelectorsToUnderlay" xsi:type="array">
+                        <item name="0" xsi:type="string">.tabs-content</item>
+                        <item name="1" xsi:type="string">.pagebuilder-column</item>
+                    </item>
                 </item>
             </additional_data>
         </type>