Apply cell hover reveal style when not in editing mode

KevinVandy · Oct 29, 2024 · c9855bc · c9855bc
1 parent dea32fa
commit c9855bc
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/mantine-react-table/src/components/body/MRT_TableBodyCell.tsx b/packages/mantine-react-table/src/components/body/MRT_TableBodyCell.tsx
@@ -302,13 +302,15 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({
       })}
     >
       <>
-        {tableCellProps.children ?? (
-          columnDef.enableCellHoverReveal ? (
+        {tableCellProps.children ??
+          (columnDef.enableCellHoverReveal ? (
             <div
               ref={cellHoverRevealDivRef}
               className={clsx(
-                columnDef.enableCellHoverReveal && classes["cell-hover-reveal"],
-                isCellContentOverflowing && classes['overflowing']
+                columnDef.enableCellHoverReveal &&
+                  !(isCreating || isEditing) &&
+                  classes['cell-hover-reveal'],
+                isCellContentOverflowing && classes['overflowing'],
               )}
             >
               {renderCellContent()}