'Material-UI: How to control the position of the expanded autocomplete input?

I have some autocomplete fields: some autocomplete fields and i noticed that if i select multiple options, when i click on the input its height increases, like this, pushing everything down.

Is there a way to control that? I want to make it go above the content when expanded like that

javascriptcssreactjsmaterial-ui


Solution 1:[1]

May be something like this can help you I think https://codesandbox.io/s/select-multiple-option-with-mui-and-react-hook-form-2kv2o

You can use the FormController and give it a width like shown in the sandbox

Reference - React - Material-UI - How to use Select with multiple values inside react-hook-form

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 Sandeep Amarnath

Related Questions