'How to limit the height of MUI Autocomplete input box

I am having trouble in limiting the height of MUI Autocomplete component. When I select the value from the list it automatically add empty space or row at the bottom of input which I do not want.

Below is my example.

https://codesandbox.io/s/mui-5-forked-n8nc6i?file=/src/App.js

screenshot

reactjsmaterial-uiautocompletetextfield


Solution 1:[1]

If you want to bypass the default css style from MUI, then you can use inside your css the following:

.MuiAutocomplete-inputRoot {
  flex-wrap: nowrap !important;
}

example

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Apostolos

Related Questions