From ee521d46ed0382d27882c302bf208038ffc445fc Mon Sep 17 00:00:00 2001 From: Richard Steinmetz Date: Mon, 14 Oct 2024 10:04:43 +0200 Subject: [PATCH] fix(iframe): scroll horizontally in case of overflow Signed-off-by: Richard Steinmetz --- src/components/MessageHTMLBody.vue | 6 +++++- src/css/html-response.css | 4 ++++ 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/src/components/MessageHTMLBody.vue b/src/components/MessageHTMLBody.vue index 70c8a8bb48..0eed017a0b 100644 --- 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) diff --git a/src/css/html-response.css b/src/css/html-response.css index 86e0a4e750..c9520f7a64 100644 --- a/src/css/html-response.css +++ b/src/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; +}