From a4e44e1e652c7ffc7445ebf61e3bce8de04b158b Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Thu, 16 May 2019 11:26:22 -0400
Subject: [PATCH] (css) Constrain absolute elements in HTML parts

---
 NEWS                                           |  1 +
 UI/WebServerResources/scss/views/MailerUI.scss | 15 ++++++++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/NEWS b/NEWS
index 3161b0e97..e7a631719 100644
--- a/NEWS
+++ b/NEWS
@@ -15,6 +15,7 @@ Bug fixes
  - [web] check for duplicate name only if address book name is changed
  - [web] improved detection of URLs and email addresses in text mail parts
  - [web] fixed page reload with external IMAP account (#4709)
+ - [web] constrained absolute-positioned child elements of HTML mail parts
  - [core] allow super users to modify any event (#4216)
  - [core] correctly handle the full cert chain in S/MIME
  - [core] handle multidays events in freebusy data
diff --git a/UI/WebServerResources/scss/views/MailerUI.scss b/UI/WebServerResources/scss/views/MailerUI.scss
index 2d5e5c8c6..b6bb74bbc 100644
--- a/UI/WebServerResources/scss/views/MailerUI.scss
+++ b/UI/WebServerResources/scss/views/MailerUI.scss
@@ -252,11 +252,16 @@ md-sidenav {
   }
 }
 
-// Force wrapping of pre elements in HTML content
-.mailer_htmlcontent pre {
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  tab-size: 4;
+.mailer_htmlcontent {
+  // Constrain absolute-positioned child elements to this element
+  position: relative;
+
+  // Force wrapping of pre elements in HTML content
+  pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    tab-size: 4;
+  }
 }
 
 .sg-mail-editor {