menuPlacement=auto is not recalculated when options change after menu is opened

[joshhunt]

When using AsyncSelect with menuPosition="auto" towards the bottom of the page, once the options load the menu will be off screen.

It appears the menu position is not recalculated if the options/size of the menu changes after its opened.

react-select/packages/react-select/src/components/Menu.tsx

Lines 342 to 363 in 3aee85c

	const state = getMenuPlacement({
	maxHeight: maxMenuHeight,
	menuEl,
	minHeight: minMenuHeight,
	placement: menuPlacement,
	shouldScroll,
	isFixedPosition,
	controlHeight,
	});
	setMaxHeight(state.maxHeight);
	setPlacement(state.placement);
	setPortalPlacement?.(state.placement);
	}, [
	maxMenuHeight,
	menuPlacement,
	menuPosition,
	menuShouldScrollIntoView,
	minMenuHeight,
	setPortalPlacement,
	controlHeight,
	]);

Reproduction sandbox https://codesandbox.io/s/react-select-menuplacement-repro-wqkuew?file=/src/App.js https://wqkuew.csb.app/

[ayuka-bg]

same here