Fix bug visibility table (#10214)

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}
-              <td ref={ref}></td>
+              <StyledAbsoluteInViewContainer
+                ref={ref}
+              ></StyledAbsoluteInViewContainer>
             </RecordTableRowDraggableContextProvider>
           </RecordTableTr>
         )}

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}`