From f9bf408a827fa86323bc2d1891cb5173b4781e7b Mon Sep 17 00:00:00 2001
From: jvm-odoo <jvm@odoo.com>
Date: Fri, 20 Mar 2020 07:28:42 +0000
Subject: [PATCH] [FIX] web_editor: fix snippets shown in codeview

Issue

	- Install Mass Mailing
	- Activate debug mode
	- Create a mass mailing
	- Select any template
	- Go in codeview

	The snippets hide a part of the code

Cause

	When toggling the codeview, we apply
	a position absolute (all to 0) which
	shift the #wrapwrap

Solution

	Add an intermediary parent and apply
	position relative to #wrapwrap like
	in 12.0

OPW-2220639

closes odoo/odoo#48496

X-original-commit: e415cffa2ffb3fe4b5f0e32bd96b3433387a95e3
Signed-off-by: Nicolas Lempereur (nle) <nle@odoo.com>
Signed-off-by: Jason Van Malder (jvm) <jvm@odoo.com>
---
 addons/web_editor/static/src/scss/wysiwyg_iframe.scss | 10 +++++++++-
 addons/web_editor/static/src/xml/wysiwyg.xml          |  4 +++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/addons/web_editor/static/src/scss/wysiwyg_iframe.scss b/addons/web_editor/static/src/scss/wysiwyg_iframe.scss
index e7554317994..5eab0815225 100644
--- a/addons/web_editor/static/src/scss/wysiwyg_iframe.scss
+++ b/addons/web_editor/static/src/scss/wysiwyg_iframe.scss
@@ -20,4 +20,12 @@ body.o_in_iframe {
     .note-statusbar {
         display: none;
     }
-}
+
+    #wrapwrap {
+        position: relative;
+        display: table;
+        table-layout: fixed;
+        width: 100%;
+        height: 100%;
+    }
+}
\ No newline at end of file
diff --git a/addons/web_editor/static/src/xml/wysiwyg.xml b/addons/web_editor/static/src/xml/wysiwyg.xml
index f48f2474672..9ede2572a87 100644
--- a/addons/web_editor/static/src/xml/wysiwyg.xml
+++ b/addons/web_editor/static/src/xml/wysiwyg.xml
@@ -45,7 +45,9 @@
         <body id="iframe_target" class="o_in_iframe">
             <div id="web_editor-top-edit"></div>
             <div id="wrapwrap">
-                <div data-oe-model="model" data-oe-type="html" class="o_editable oe_structure"></div>
+                <main>
+                    <div data-oe-model="model" data-oe-type="html" class="o_editable oe_structure"></div>
+                </main>
             </div>
             <script type="text/javascript">
                 odoo.define('web_editor.wysiwyg.iniframe', function (require) {