diff --git a/apps/client/src/ee/base/components/grid/grid-cell.tsx b/apps/client/src/ee/base/components/grid/grid-cell.tsx index 07a3d754d..6ba599e17 100644 --- a/apps/client/src/ee/base/components/grid/grid-cell.tsx +++ b/apps/client/src/ee/base/components/grid/grid-cell.tsx @@ -91,6 +91,14 @@ export const GridCell = memo(function GridCell({ setEditingCell({ rowId, propertyId: property.id }); }, [property, isRowNumber, rowId, readOnly, setEditingCell, setActiveFormulaEditor]); + const handleMouseDown = useCallback( + (e: React.MouseEvent) => { + if (!property || e.button !== 0) return; + setFocusedCell({ rowId, propertyId: property.id }); + }, + [property, rowId, setFocusedCell], + ); + const handleClick = useCallback( (e: React.MouseEvent) => { if (!property) return; @@ -190,6 +198,7 @@ export const GridCell = memo(function GridCell({ : undefined } onClick={handleClick} + onMouseDown={handleMouseDown} onDoubleClick={handleDoubleClick} > ) => { + if (e.button !== 0) return; + setFocusedCell({ rowId, propertyId: "__row_number" }); + }, + [rowId, setFocusedCell], + ); + const handleCellClick = useCallback( (e: React.MouseEvent) => { setFocusedCell({ rowId, propertyId: "__row_number" }); @@ -77,6 +85,7 @@ export const RowNumberCell = memo(function RowNumberCell({ : undefined } onClick={handleCellClick} + onMouseDown={handleCellMouseDown} >
{editable && (