[Autocomplete] Fix popup placement (#18289)

mui · Nov 11, 2019 · e18b10d · e18b10d
1 parent 0e0f17e
commit e18b10d
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/docs/src/pages/components/autocomplete/GitHubLabel.js b/docs/src/pages/components/autocomplete/GitHubLabel.js
@@ -218,7 +218,7 @@ export default function GitHubLabel() {
           getOptionLabel={option => option.name}
           renderInput={params => (
             <InputBase
-              ref={params.ref}
+              ref={params.InputProps.ref}
               inputProps={params.inputProps}
               autoFocus
               className={classes.inputBase}

diff --git a/docs/src/pages/components/autocomplete/GitHubLabel.tsx b/docs/src/pages/components/autocomplete/GitHubLabel.tsx
@@ -220,7 +220,7 @@ export default function GitHubLabel() {
           getOptionLabel={(option: LabelType) => option.name}
           renderInput={params => (
             <InputBase
-              ref={params.ref}
+              ref={params.InputProps.ref}
               inputProps={params.inputProps}
               autoFocus
               className={classes.inputBase}

diff --git a/packages/material-ui-lab/src/Autocomplete/Autocomplete.d.ts b/packages/material-ui-lab/src/Autocomplete/Autocomplete.d.ts
@@ -23,10 +23,10 @@ export interface RenderGroupParams {
 }
 
 export interface RenderInputParams {
-  ref: React.Ref<any>;
   disabled: boolean;
   InputLabelProps: object;
   InputProps: {
+    ref: React.Ref<any>;
     className: string;
     startAdornment: React.ReactNode;
     endAdornment: React.ReactNode;

diff --git a/packages/material-ui-lab/src/Autocomplete/Autocomplete.js b/packages/material-ui-lab/src/Autocomplete/Autocomplete.js
@@ -288,10 +288,10 @@ const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
         {...other}
       >
         {renderInput({
-          ref: setAnchorEl,
           disabled,
           InputLabelProps: getInputLabelProps(),
           InputProps: {
+            ref: setAnchorEl,
             className: classes.inputRoot,
             startAdornment,
             endAdornment: (