diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx index 5c236d261..eacdf2dc4 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx @@ -3,6 +3,7 @@ import styled from '@emotion/styled'; import { useFieldFocus } from '@/object-record/record-field/hooks/useFieldFocus'; import { useIsFieldEmpty } from '@/object-record/record-field/hooks/useIsFieldEmpty'; +import { useIsFieldInputOnly } from '@/object-record/record-field/hooks/useIsFieldInputOnly'; import { RecordInlineCellContainerProps } from '@/object-record/record-inline-cell/components/RecordInlineCellContainer'; import { RecordInlineCellButton } from '@/object-record/record-inline-cell/components/RecordInlineCellEditButton'; @@ -76,6 +77,10 @@ export const RecordInlineCellDisplayMode = ({ !isDisplayModeContentEmpty && !editModeContentOnly; + const isFieldInputOnly = useIsFieldInputOnly(); + + const shouldDisplayEditModeOnFocus = isFocused && isFieldInputOnly; + return ( <> - {isDisplayModeContentEmpty || !children ? ( + {(isDisplayModeContentEmpty && !shouldDisplayEditModeOnFocus) || + !children ? ( {emptyPlaceholder} ) : ( children