fix: text area expand on click

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

@@ -68,7 +68,7 @@ onClickOutside(inputWrapperRef, (e) => {
 <template>
   <NcDropdown v-model:visible="isVisible" class="overflow-visible" :trigger="[]" placement="bottomLeft">
     <div
-      class="flex flex-row pt-0.5"
+      class="flex flex-row pt-0.5 w-full"
       :class="{
         'min-h-10': rowHeight !== 1,
         'min-h-6.5': rowHeight === 1,

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

@@ -203,8 +203,9 @@ onUnmounted(() => {
       {
         'text-brand-500': isPrimary(column) && !props.virtual && !isForm,
         'nc-grid-numeric-cell-right': isGrid && isNumericField && !isEditColumnMenu && !isForm && !isExpandedFormOpen,
-        'h-[40px]': isForm && !isSurveyForm && !isAttachment(column) && !props.virtual,
+        'h-10': isForm && !isSurveyForm && !isAttachment(column) && !props.virtual,
         'nc-grid-numeric-cell-left': (isForm && isNumericField && isExpandedFormOpen) || isEditColumnMenu,
+        'h-40': column.uidt === 'LongText' && props.editEnabled,
       },
     ]"
     @keydown.enter.exact="navigate(NavigateDir.NEXT, $event)"

packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue

@@ -237,7 +237,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div ref="el" class="survey pt-8 md:p-0 w-full h-full flex flex-col bg-[red]">
+  <div ref="el" class="survey pt-8 md:p-0 w-full h-full flex flex-col">
     <div
       v-if="sharedFormView"
       style="height: max(40vh, 225px); min-height: 225px"
@@ -350,8 +350,7 @@ onMounted(() => {
                   :mouse-leave-delay="0"
                 >
                   <!-- Ok button for question -->
-                  <button
-                    class="bg-opacity-100 scaling-btn flex items-center gap-1"
+                  <NcButton
                     data-testid="nc-survey-form__btn-next"
                     :class="[
                       v$.localState[field.title]?.$error || columnValidationError ? 'after:!bg-gray-100 after:!ring-red-500' : '',
@@ -373,7 +372,7 @@ onMounted(() => {
                       />
                       <component :is="iconMap.check" v-else class="text-white md:text-md" />
                     </Transition>
-                  </button>
+                  </NcButton>
                 </a-tooltip>
 
                 <!-- todo: i18n -->