sync @1446

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

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

@@ -103,7 +103,7 @@ onClickOutside(inputWrapperRef, (e) => {
       </NcButton>
     </div>
     <template #overlay>
-      <div ref="inputWrapperRef" class="flex flex-col min-w-120 min-h-70 py-3 pl-3 pr-1">
+      <div ref="inputWrapperRef" class="flex flex-col min-w-120 min-h-70 py-3 pl-3 pr-1 expanded-cell-input">
         <div
           v-if="column"
           class="flex flex-row gap-x-1 items-center font-medium pb-2.5 mb-1 py-1 mr-3 ml-1 border-b-1 border-gray-100"

packages/nc-gui/composables/useMultiSelect/index.ts

@@ -14,6 +14,7 @@ import {
   extractPkFromRow,
   extractSdkResponseErrorMsg,
   isDrawerOrModalExist,
+  isExpandedCellInputExist,
   isMac,
   isTypableInputColumn,
   message,
@@ -704,7 +705,7 @@ export function useMultiSelect(
   const clearSelectedRange = selectedRange.clear.bind(selectedRange)
 
   const handlePaste = async (e: ClipboardEvent) => {
-    if (isDrawerOrModalExist()) {
+    if (isDrawerOrModalExist() || isExpandedCellInputExist()) {
       return
     }
 

packages/nc-gui/utils/browserUtils.ts

@@ -2,4 +2,5 @@
 export const isMac = () => /Mac/i.test(navigator.platform)
 export const isDrawerExist = () => document.querySelector('.ant-drawer-open')
 export const isDrawerOrModalExist = () => document.querySelector('.ant-modal.active, .ant-drawer-open')
+export const isExpandedCellInputExist = () => document.querySelector('.expanded-cell-input')
 export const cmdKActive = () => document.querySelector('.cmdk-modal-active')