[FIX] mass_mailing_egg: FIXUP force fullscreen for mobile editor

Author: abd-msyukyu-odoo

addons/mass_mailing/static/src/iframe/mass_mailing_iframe.js

@@ -5,6 +5,7 @@ import {
     onWillDestroy,
     onWillUpdateProps,
     status,
+    toRaw,
     useEffect,
     useRef,
     useState,
@@ -20,6 +21,7 @@ import { Editor } from "@html_editor/editor";
 import { useThrottleForAnimation } from "@web/core/utils/timing";
 import { closestScrollableY } from "@web/core/utils/scrolling";
 import { _t } from "@web/core/l10n/translation";
+import { effect } from "@web/core/utils/reactive";
 
 const IFRAME_VALUE_SELECTOR = ".o_mass_mailing_value";
 
@@ -61,9 +63,12 @@ export class MassMailingIframe extends Component {
         useSubEnv({
             localOverlayContainerKey: uniqueId("mass_mailing_iframe"),
         });
+        let showFullscreen = false;
+        let isMobile = false;
         this.state = useState({
-            isMobile: false,
+            isMobile,
             ready: false,
+            showFullscreen,
         });
         this.iframeLoaded = new Deferred();
         onMounted(() => {
@@ -94,9 +99,31 @@ export class MassMailingIframe extends Component {
             },
             () => [this.state.showFullscreen]
         );
-        if (!this.props.readonly && this.props.withBuilder) {
-            this.state.showFullscreen = false;
-        } else if (!this.props.readonly) {
+        effect(
+            (state) => {
+                if (status(this) === "destroyed") {
+                    return;
+                }
+                if (showFullscreen && !state.showFullscreen && toRaw(state).isMobile) {
+                    state.isMobile = false;
+                }
+                showFullscreen = state.showFullscreen;
+            },
+            [this.state]
+        );
+        effect(
+            (state) => {
+                if (status(this) === "destroyed") {
+                    return;
+                }
+                if (!isMobile && state.isMobile && !toRaw(state).showFullscreen) {
+                    state.showFullscreen = true;
+                }
+                isMobile = state.isMobile;
+            },
+            [this.state]
+        );
+        if (!this.props.readonly && !this.props.withBuilder) {
             this.editor = new Editor(this.props.config, this.env.services);
             this.props.onEditorLoad(this.editor);
             onWillDestroy(() => {