pass true to renderInput if prop is not received

Author: silviuaavram

docs/pages/material-ui/api/autocomplete.json

@@ -59,7 +59,7 @@
       "default": "'auto'"
     },
     "freeSolo": { "type": { "name": "bool" }, "default": "false" },
-    "fullWidth": { "type": { "name": "bool" }, "default": "true" },
+    "fullWidth": { "type": { "name": "bool" }, "default": "false" },
     "getLimitTagsText": {
       "type": { "name": "func" },
       "default": "(more) => `+${more}`",

packages/mui-material/src/Autocomplete/Autocomplete.d.ts

@@ -246,7 +246,7 @@ export interface AutocompleteProps<
   forcePopupIcon?: true | false | 'auto';
   /**
    * If `true`, the input will take up the full width of its container.
-   * @default true
+   * @default false
    */
   fullWidth?: boolean;
   /**

packages/mui-material/src/Autocomplete/Autocomplete.js

@@ -439,7 +439,7 @@ const Autocomplete = React.forwardRef(function Autocomplete(inProps, ref) {
     filterSelectedOptions = false,
     forcePopupIcon = 'auto',
     freeSolo = false,
-    fullWidth = true,
+    fullWidth = false,
     getLimitTagsText = (more) => `+${more}`,
     getOptionDisabled,
     getOptionKey,
@@ -677,7 +677,7 @@ const Autocomplete = React.forwardRef(function Autocomplete(inProps, ref) {
         {renderInput({
           id,
           disabled,
-          fullWidth,
+          fullWidth: props.fullWidth ?? true,
           size: size === 'small' ? 'small' : undefined,
           InputLabelProps: getInputLabelProps(),
           InputProps: {
@@ -937,7 +937,7 @@ Autocomplete.propTypes /* remove-proptypes */ = {
   freeSolo: PropTypes.bool,
   /**
    * If `true`, the input will take up the full width of its container.
-   * @default true
+   * @default false
    */
   fullWidth: PropTypes.bool,
   /**

packages/mui-material/src/Autocomplete/Autocomplete.test.js

@@ -3040,13 +3040,13 @@ describe('<Autocomplete />', () => {
       expect(renderInput.lastCall.args[0].fullWidth).to.equal(false);
     });
 
-    it('should have fullWidth by default', () => {
+    it('should pass fullWidth as true to renderInput if not provided', () => {
       const renderInput = spy((params) => <TextField {...params} />);
       const view = render(
         <Autocomplete options={[0, 10, 20]} renderInput={renderInput} value={null} />,
       );
 
-      expect(view.container.querySelector(`.${classes.root}`)).to.have.class(classes.fullWidth);
+      expect(view.container.querySelector(`.${classes.root}`)).not.to.have.class(classes.fullWidth);
       expect(renderInput.lastCall.args[0].fullWidth).to.equal(true);
     });
   });