diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx index 905e19ea1..d6622a357 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx @@ -4,6 +4,7 @@ import { ReactNode, forwardRef } from 'react'; import { RecordTableRowDraggableContextProvider } from '@/object-record/record-table/contexts/RecordTableRowDraggableContext'; import { RecordTableTr } from '@/object-record/record-table/record-table-row/components/RecordTableTr'; +import styled from '@emotion/styled'; type RecordTableDraggableTrProps = { className?: string; @@ -14,6 +15,16 @@ type RecordTableDraggableTrProps = { children: ReactNode; }; +const StyledAbsoluteInViewContainer = styled.div` + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + pointer-events: none; + z-index: -1; +`; + export const RecordTableDraggableTr = forwardRef< HTMLTableCellElement, RecordTableDraggableTrProps @@ -64,7 +75,9 @@ export const RecordTableDraggableTr = forwardRef< }} > {children} - + )} diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableTr.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableTr.tsx index 0ccfc98ac..3c155883b 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableTr.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableTr.tsx @@ -1,6 +1,7 @@ import styled from '@emotion/styled'; const StyledTr = styled.tr<{ isDragging: boolean }>` + position: relative; border: ${({ isDragging, theme }) => isDragging ? `1px solid ${theme.border.color.medium}`