menu is wrongly placed at bottom

Are you reporting a bug or runtime error?

I think it’s a bug. menuPosition is default (auto). When there is no enough space for menu, it still appears in the bottom. The reason is: In Menu.js, this getMenuPlacement will calculate a wrong menuHeight. In my situation, the menu will load data asynchrously, so it will display ‘Loading’ (loading message) in the menu first, then the data after it’s loaded. But getMenuPlacement only calculates the height of ‘Loading’ and decides to put the menu at the bottom.

Expected

should calcuate the menuHeight when the data is loaded and decides the placement again.

[ebonow]

@hasakilol got it. We’ll be looking at this in the very near future. We’re updating from Flow to Typescript and this type of behavior will be the next on the list.

[hasakilol]

In contrast, when using react-select, the placement is wrong and falls into // 1: the menu will fit, do nothing My Suggestion is: Maybe react-select should recalculate the placement when options change.