Menu positioning issue on mobile when the keyboard is opened

[dobosalpar]

"react-select": "^5.9.0",

On mobile clicking on the react-select component the keyboard is opened and the component itself is being moved to the upper side of the screen avoiding to be hidden by the keyboard. In these cases the menu is not positioned on the right place. See the screenshot:

Here the component implementation:
<div className="relative"> {React.createElement<SelectProps<any>>( Select, { isMulti: false, menuPortalTarget: isServer() ? null : document.body, menuPosition: 'fixed', menuPlacement: 'auto', ...props, }, )} </div>