Merge branch '612_parallax_do_not_render_correctly_after_toggle_a_screen_mode' of github.com:magento/magento2-page-builder into 609_content-type-toolbar-fullscreen-fix

Author: omiroshnichenko

app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderRowBackgroundAttributeTest/RowContainedValidateParallaxVideoBackground.xml

@@ -65,6 +65,7 @@
             <argument name="lazyLoad" value="PageBuilderVideoBackgroundLazyLoad_Enabled"/>
             <argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Enabled"/>
             <argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
+            <argument name="expectedPosition" value="position: absolute;"/>
         </actionGroup>
         <actionGroup ref="validateRowParallaxBackgroundAttributes" stepKey="validateParallaxStorefront" before="validateStorefront">
             <argument name="page" value="RowOnStorefront"/>

app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderRowBackgroundAttributeTest/RowFullBleedValidateParallaxVideoBackground.xml

@@ -68,6 +68,7 @@
             <argument name="lazyLoad" value="PageBuilderVideoBackgroundLazyLoad_Enabled"/>
             <argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Enabled"/>
             <argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
+            <argument name="expectedPosition" value="position: absolute;"/>
         </actionGroup>
         <actionGroup ref="validateRowParallaxBackgroundAttributes" stepKey="validateParallaxStorefront" before="validateStorefront">
             <argument name="page" value="RowOnStorefront_FullWidth_FullBleed"/>

app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderRowBackgroundAttributeTest/RowFullWidthValidateParallaxVideoBackground.xml

@@ -68,6 +68,7 @@
             <argument name="lazyLoad" value="PageBuilderVideoBackgroundLazyLoad_Enabled"/>
             <argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Enabled"/>
             <argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
+            <argument name="expectedPosition" value="position: absolute;"/>
         </actionGroup>
         <actionGroup ref="validateRowParallaxBackgroundAttributes" stepKey="validateParallaxStorefront" before="validateStorefront">
             <argument name="page" value="RowOnStorefront_FullWidth_FullBleed"/>

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

@@ -132,6 +132,20 @@ export default class Preview extends PreviewCollection {
                 this.buildJarallax();
             }
         });
+        events.on(
+            `stage:${this.contentType.stageId}:fullScreenModeChangeAfter`,
+            this.toggleFullScreen.bind(this),
+        );
+    }
+
+    /**
+     * Toggle fullscreen
+     */
+    public toggleFullScreen()
+    {
+        if ($(this.element).hasClass("jarallax")) {
+            this.buildJarallax();
+        }
     }
 
     /**