React JS : React Select Dropdown position to top if there is no space below

Question

I am using React Select

I want its Dropdown position to be dynamic. let's say if there is no space below it, then the dropdown should be opened to above select box.

<Select
  value={selectedOption}
  onChange={this.handleChange}
  options={options}
/>

Is there any option to make dropdown position dynamic?

Any help would be great.

Thank You.

Answer 1

You can use menuPlacement option on your Select component with "bottom" (default), "top" or "auto".

You can see other props here ;)