From ca5daf2a0e5749e09a38fcff4d3987ec58389eb8 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Thu, 9 Nov 2023 09:18:47 +0000
Subject: [PATCH] fix: Added word break to long text

---
 packages/nc-gui/components/cell/TextArea.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index 36dc1a4797..826e76a7a1 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -106,7 +106,15 @@ onClickOutside(inputWrapperRef, (e) => {
 
       <span v-else-if="vModel === null && showNull" class="nc-null uppercase">{{ $t('general.null') }}</span>
 
-      <LazyCellClampedText v-else-if="rowHeight" :value="vModel" :lines="rowHeight" class="mr-7" />
+      <LazyCellClampedText
+        v-else-if="rowHeight"
+        :value="vModel"
+        :lines="rowHeight"
+        class="mr-7 nc-text-area-clamped-text"
+        :style="{
+          'word-break': 'break-word',
+        }"
+      />
 
       <span v-else>{{ vModel }}</span>