fix(tables): cmd+a always selects all cells on the table page

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/table-grid.tsx

@@ -1527,25 +1527,6 @@ export function TableGrid({
         return
       }
 
-      if ((e.metaKey || e.ctrlKey) && e.key === 'a') {
-        e.preventDefault()
-        const rws = rowsRef.current
-        const currentCols = columnsRef.current
-        if (rws.length > 0 && currentCols.length > 0) {
-          suppressFocusScrollRef.current = true
-          setEditingCell(null)
-          setRowSelection((prev) => (prev.kind === 'none' ? prev : ROW_SELECTION_NONE))
-          lastCheckboxRowRef.current = null
-          setSelectionAnchor({ rowIndex: 0, colIndex: 0 })
-          setSelectionFocus({
-            rowIndex: rws.length - 1,
-            colIndex: currentCols.length - 1,
-          })
-          setIsColumnSelection(false)
-        }
-        return
-      }
-
       if ((e.metaKey || e.ctrlKey) && e.key === ' ') {
         const a = selectionAnchorRef.current
         if (!a || editingCellRef.current) return
@@ -2281,6 +2262,33 @@ export function TableGrid({
     }
   }, [])
 
+  useEffect(() => {
+    if (embedded) return
+    const handleSelectAll = (e: KeyboardEvent) => {
+      if (!(e.metaKey || e.ctrlKey) || e.key !== 'a') return
+      const target = e.target as HTMLElement
+      const tag = target.tagName
+      if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return
+      if (target.isContentEditable) return
+      if (target.closest('[role="dialog"]')) return
+      if (!containerRef.current) return
+      e.preventDefault()
+      const rws = rowsRef.current
+      const currentCols = columnsRef.current
+      if (rws.length > 0 && currentCols.length > 0) {
+        suppressFocusScrollRef.current = true
+        setEditingCell(null)
+        setRowSelection((prev) => (prev.kind === 'none' ? prev : ROW_SELECTION_NONE))
+        lastCheckboxRowRef.current = null
+        setSelectionAnchor({ rowIndex: 0, colIndex: 0 })
+        setSelectionFocus({ rowIndex: rws.length - 1, colIndex: currentCols.length - 1 })
+        setIsColumnSelection(false)
+      }
+    }
+    document.addEventListener('keydown', handleSelectAll)
+    return () => document.removeEventListener('keydown', handleSelectAll)
+  }, [embedded])
+
   const navigateAfterSave = useCallback((reason: SaveReason) => {
     const anchor = selectionAnchorRef.current
     if (!anchor) return