Fix SelectArrayInput options placement

marmelab · Sep 23, 2024 · b57dd6a · b57dd6a
1 parent e87ff23
commit b57dd6a
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/ra-ui-materialui/src/input/SelectArrayInput.tsx b/packages/ra-ui-materialui/src/input/SelectArrayInput.tsx
@@ -346,6 +346,7 @@ export const SelectArrayInput = (props: SelectArrayInputProps) => {
                     readOnly={readOnly}
                     data-testid="selectArray"
                     size={size}
+                    MenuProps={defaultMenuProps}
                     {...field}
                     {...options}
                     onChange={handleChangeWithCreateSupport}
@@ -378,6 +379,13 @@ export type SelectArrayInputProps = ChoicesProps &
         onChange?: (event: ChangeEvent<HTMLInputElement> | RaRecord) => void;
     };
 
+const defaultMenuProps = {
+    anchorOrigin: {
+        vertical: 'bottom' as const,
+        horizontal: 'left' as const,
+    },
+};
+
 const sanitizeRestProps = ({
     alwaysOn,
     choices,