diff --git a/src/components/fields/Date/EditorCell.tsx b/src/components/fields/Date/EditorCell.tsx index 2b9523ed..56de95c1 100644 --- a/src/components/fields/Date/EditorCell.tsx +++ b/src/components/fields/Date/EditorCell.tsx @@ -63,11 +63,7 @@ export default function Date_({ }, "& .MuiInputAdornment-root": { m: 0 }, }} - // Prevent react-data-grid showing NullEditor, which unmounts this field - onDoubleClick={(e) => e.stopPropagation()} - onKeyDown={(e) => e.stopPropagation()} - // Touch mode: make the whole field clickable - onClick={props.inputProps?.onClick as any} + onClick={(e) => e.stopPropagation()} inputProps={{ ...props.inputProps, tabIndex }} /> )} @@ -86,6 +82,7 @@ export default function Date_({ components={{ OpenPickerIcon: ChevronDown }} disableOpenPicker={false} disabled={disabled} + PopperProps={{ onClick: (e) => e.stopPropagation() }} /> ); } diff --git a/src/components/fields/Date/index.tsx b/src/components/fields/Date/index.tsx index fdc634d0..1ff9b01a 100644 --- a/src/components/fields/Date/index.tsx +++ b/src/components/fields/Date/index.tsx @@ -28,7 +28,7 @@ export const config: IFieldConfig = { initializable: true, icon: , description: `Formatted date. Format is configurable, default: ${DATE_FORMAT}. Edited with a visual picker.`, - TableCell: withTableCell(DisplayCell, EditorCell, "inline", { + TableCell: withTableCell(DisplayCell, EditorCell, "focus", { disablePadding: true, }), SideDrawerField, diff --git a/src/components/fields/DateTime/EditorCell.tsx b/src/components/fields/DateTime/EditorCell.tsx index acf8ca69..5a8cf2f1 100644 --- a/src/components/fields/DateTime/EditorCell.tsx +++ b/src/components/fields/DateTime/EditorCell.tsx @@ -68,11 +68,8 @@ export default function DateTime({ }, "& .MuiInputAdornment-root": { m: 0 }, }} - // Prevent react-data-grid showing NullEditor, which unmounts this field - onDoubleClick={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()} - // Touch mode: make the whole field clickable - onClick={props.inputProps?.onClick as any} + onClick={(e) => e.stopPropagation()} inputProps={{ ...props.inputProps, tabIndex }} /> )} @@ -90,6 +87,7 @@ export default function DateTime({ components={{ OpenPickerIcon: ChevronDown }} disableOpenPicker={false} disabled={disabled} + PopperProps={{ onClick: (e) => e.stopPropagation() }} /> ); } diff --git a/src/components/fields/DateTime/index.tsx b/src/components/fields/DateTime/index.tsx index dade54b4..cc247b97 100644 --- a/src/components/fields/DateTime/index.tsx +++ b/src/components/fields/DateTime/index.tsx @@ -36,7 +36,7 @@ export const config: IFieldConfig = { initializable: true, icon: , description: `Formatted date & time. Format is configurable, default: ${DATE_TIME_FORMAT}. Edited with a visual picker.`, - TableCell: withTableCell(DisplayCell, EditorCell, "inline", { + TableCell: withTableCell(DisplayCell, EditorCell, "focus", { disablePadding: true, }), SideDrawerField,