fix: editInputRefs assignment for select textfields (#1339)

When the edit cell textfield is configured as a select the ref returns an object with a node property that holds the input element as value. Therefore the assignment is adjusted with a condition to get the input element correct. Fixes: #1245
KevinVandy · Dec 22, 2024 · b4a14f7 · b4a14f7
1 parent de5b2b1
commit b4a14f7
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/material-react-table/src/components/inputs/MRT_EditCellTextField.tsx b/packages/material-react-table/src/components/inputs/MRT_EditCellTextField.tsx
@@ -110,7 +110,9 @@ export const MRT_EditCellTextField = <TData extends MRT_RowData>({
       fullWidth
       inputRef={(inputRef) => {
         if (inputRef) {
-          editInputRefs.current![column.id] = inputRef;
+          editInputRefs.current![column.id] = isSelectEdit
+            ? inputRef.node
+            : inputRef;
           if (textFieldProps.inputRef) {
             textFieldProps.inputRef = inputRef;
           }