Merge pull request #10254 from nextcloud/backport/10252/stable4.0

[stable4.0] fix(iframe): scroll horizontally in case of overflow
nextcloud · Oct 14, 2024 · 1fc86e8 · 1fc86e8
2 parents 613c2d9 + 29c0dee
commit 1fc86e8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/css/html-response.css b/css/html-response.css
@@ -5,3 +5,7 @@
 * {
 	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, 'Noto Color Emoji', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
 }
+
+html {
+	overflow-y: hidden;
+}
diff --git a/src/components/MessageHTMLBody.vue b/src/components/MessageHTMLBody.vue
@@ -97,7 +97,11 @@ export default {
 		scout.on('beforeprint', this.onBeforePrint)
 	},
 	mounted() {
-		iframeResizer({ log: false, heightCalculationMethod: 'taggedElement' }, this.$refs.iframe)
+		iframeResizer({
+			log: false,
+			heightCalculationMethod: 'taggedElement',
+			scrolling: true,
+		}, this.$refs.iframe)
 	},
 	beforeDestroy() {
 		scout.off('beforeprint', this.onBeforePrint)