From 1b5fcd154a4a7121b3a02e857eefb0dac5102d40 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Tue, 17 Oct 2023 18:48:38 +0000
Subject: [PATCH] fix(nc-gui): json field doesn't respect row height

---
 packages/nc-gui/components/cell/Json.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/cell/Json.vue b/packages/nc-gui/components/cell/Json.vue
index b6e327ef3e..f7ddc8df62 100644
--- a/packages/nc-gui/components/cell/Json.vue
+++ b/packages/nc-gui/components/cell/Json.vue
@@ -6,6 +6,7 @@ import {
   IsFormInj,
   JsonExpandInj,
   ReadonlyInj,
+  RowHeightInj,
   computed,
   inject,
   ref,
@@ -36,6 +37,8 @@ const isForm = inject(IsFormInj, ref(false))
 
 const readonly = inject(ReadonlyInj)
 
+const rowHeight = inject(RowHeightInj, ref(undefined))
+
 const vModel = useVModel(props, 'modelValue', emits)
 
 const localValueState = ref<string | undefined>()
@@ -182,7 +185,7 @@ watch(isExpanded, () => {
 
     <span v-else-if="vModel === null && showNull" class="nc-null uppercase">{{ $t('general.null') }}</span>
 
-    <span v-else>{{ vModel }}</span>
+    <LazyCellClampedText v-else :value="vModel" :lines="rowHeight" />
   </component>
 </template>