Merge pull request #3932 from tdeo/resettableSelectInput

Fix resettable SelectInput with value doesn't show options on click
marmelab · Nov 7, 2019 · 7275d7e · 7275d7e
2 parents d7d7b59 + ba48c62
commit 7275d7e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/ra-ui-materialui/src/input/ResettableTextField.js b/packages/ra-ui-materialui/src/input/ResettableTextField.js
@@ -25,7 +25,11 @@ const useStyles = makeStyles({
         width: 24,
     },
     selectAdornment: {
-        marginRight: 12,
+        position: 'absolute',
+        right: 24,
+    },
+    inputAdornedEnd: {
+        paddingRight: 0,
     },
 });
 
@@ -79,6 +83,7 @@ function ResettableTextField({
     const {
         clearButton,
         clearIcon,
+        inputAdornedEnd,
         selectAdornment,
         visibleClearButton,
         visibleClearIcon,
@@ -90,6 +95,7 @@ function ResettableTextField({
             classes={restClasses}
             value={value}
             InputProps={{
+                classes: { adornedEnd: props.select ? inputAdornedEnd : null },
                 endAdornment: resettable && value && (
                     <InputAdornment
                         position="end"