Merge pull request #6387 from nocodb/fix/longtext-expand

fix(nc-gui): long text expand in shared view

packages/nc-gui/components/cell/TextArea.vue

@@ -10,6 +10,7 @@ import {
   iconMap,
   inject,
   useVModel,
+  ReadonlyInj
 } from '#imports'
 
 const props = defineProps<{
@@ -47,6 +48,8 @@ const inputRef = ref<HTMLTextAreaElement | null>(null)
 
 const active = inject(ActiveCellInj, ref(false))
 
+const readOnly = inject(ReadonlyInj)
+
 watch(isVisible, () => {
   if (isVisible.value) {
     setTimeout(() => {
@@ -133,11 +136,12 @@ onClickOutside(inputWrapperRef, (e) => {
           ref="inputRef"
           v-model:value="vModel"
           placeholder="Enter text"
-          class="p-1 !pt-1 !pr-3 !border-0 !border-r-0 !focus:outline-transparent nc-scrollbar-md"
+          class="p-1 !pt-1 !pr-3 !border-0 !border-r-0 !focus:outline-transparent nc-scrollbar-md !text-black"
           :bordered="false"
           :auto-size="{ minRows: 20, maxRows: 20 }"
           @keydown.stop
           @keydown.escape="isVisible = false"
+          :disabled="readOnly"
         />
       </div>
     </template>

packages/nc-gui/components/smartsheet/Cell.vue

@@ -249,7 +249,7 @@ onUnmounted(() => {
         <LazyCellJson v-else-if="isJSON(column)" v-model="vModel" />
         <LazyCellText v-else v-model="vModel" />
         <div
-          v-if="(isLocked || (isPublic && readOnly && !isForm) || isSystemColumn(column)) && !isAttachment(column)"
+          v-if="(isLocked || (isPublic && readOnly && !isForm) || isSystemColumn(column)) && !isAttachment(column) && !isTextArea(column)"
           class="nc-locked-overlay"
         />
       </template>