From 3c6e6bb29c9102f6c0ec41c76f40a4da5b3b93b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Fri, 23 Apr 2021 15:40:55 +0200
Subject: [PATCH] Wrap lines properly in comment text
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/card/CommentForm.vue | 5 +++++
 src/css/comments.scss               | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/components/card/CommentForm.vue b/src/components/card/CommentForm.vue
index aae2acca4..5d38d35b9 100644
--- a/src/components/card/CommentForm.vue
+++ b/src/components/card/CommentForm.vue
@@ -41,6 +41,7 @@
 					</span>
 				</template>
 				<div ref="contentEditable"
+					class="comment-form__contenteditable"
 					contenteditable
 					@keydown.enter="handleKeydown"
 					@paste="onPaste"
@@ -175,6 +176,10 @@ export default {
 <style scoped lang="scss">
 	@import '../../css/comments';
 
+	.comment-form__contenteditable {
+		word-break: break-word;
+	}
+
 	.atwho-wrap {
 		width: 100%;
 		& > div[contenteditable] {
diff --git a/src/css/comments.scss b/src/css/comments.scss
index e58da2e6a..f2fa497a2 100644
--- a/src/css/comments.scss
+++ b/src/css/comments.scss
@@ -48,4 +48,5 @@
 
 .comment--content {
 	margin-left: 44px;
+	word-break: break-word;
 }