Skip to content

Commit 99f970d

Browse files
authored
fix: overlapping input label when filter select is outline (#1334)
As stated in the API Documentation of MUI https://mui.com/material-ui/api/select/#props the label should be shrunk when display empty is true. I do not know why we need the display empty. If we remove it, the error also is removed. So you should consider what the use-case for displayEmpty really is. Fixes: #1142
1 parent 39cd8bc commit 99f970d

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

packages/material-react-table/src/components/inputs/MRT_FilterTextField.tsx

+3-1
Original file line numberDiff line numberDiff line change
@@ -486,7 +486,9 @@ export const MRT_FilterTextField = <TData extends MRT_RowData>({
486486
</Box>
487487
)
488488
: undefined,
489-
...commonTextFieldProps.SelectProps,
489+
},
490+
inputLabel: {
491+
shrink: isSelectFilter || isMultiSelectFilter,
490492
},
491493
}}
492494
onChange={handleTextFieldChange}

0 commit comments

Comments
 (0)