[Autocomplete] Fix popup placement (#18289)

Author: andreasheim

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}

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}

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;

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: (