From 721c3ce3eb41e76b0fddd2f5d42b0bfd99439bdd Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Wed, 18 Dec 2019 16:11:45 +0100
Subject: Resize e-mail iframe with content

---
 plugins/base/public/assets/script.js | 8 ++++++++
 plugins/base/public/foot.html        | 1 +
 plugins/base/public/message.html     | 3 ++-
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 plugins/base/public/assets/script.js

(limited to 'plugins/base/public')

diff --git a/plugins/base/public/assets/script.js b/plugins/base/public/assets/script.js
new file mode 100644
index 0000000..84c353e
--- /dev/null
+++ b/plugins/base/public/assets/script.js
@@ -0,0 +1,8 @@
+var emailFrame = document.getElementById("email-frame");
+if (emailFrame) {
+	var resizeFrame = function() {
+		emailFrame.style.height = emailFrame.contentWindow.document.documentElement.scrollHeight + "px";
+	};
+	emailFrame.addEventListener("load", resizeFrame);
+	emailFrame.contentWindow.addEventListener("resize", resizeFrame);
+}
diff --git a/plugins/base/public/foot.html b/plugins/base/public/foot.html
index b605728..284d779 100644
--- a/plugins/base/public/foot.html
+++ b/plugins/base/public/foot.html
@@ -1,2 +1,3 @@
+    <script src="/plugins/base/assets/script.js"></script>
   </body>
 </html>
diff --git a/plugins/base/public/message.html b/plugins/base/public/message.html
index 6ce633b..cfb0169 100644
--- a/plugins/base/public/message.html
+++ b/plugins/base/public/message.html
@@ -114,7 +114,8 @@
 	<p><a href="{{.Message.Uid}}/reply?part={{.PartPath}}">Reply</a></p>
 	{{if .IsHTML}}
 		<!-- TODO: add a src fallback -->
-		<iframe srcdoc="{{.Body}}" sandbox></iframe>
+		<!-- allow-same-origin is required to resize the frame with its content -->
+		<iframe id="email-frame" srcdoc="{{.Body}}" sandbox="allow-same-origin"></iframe>
 	{{else}}
 		<pre>{{.Body}}</pre>
 	{{end}}
-- 
cgit v1.2.3