[Select] Menu goes off the screen with asynchronously loaded options

[Filson14]

I've developed a component based on <Select /> where options are loaded dynamically based on string query from the menu search input. Because of that async load, the menu is initially smaller and fits to the viewport with that state. After options are loaded, list gets bigger and goes off the screen (if component is rendered near an edge).

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

The menu being repositioned after its content changes. If it is not enough space below, it (or Popover?) should grow up instead of down. I need to stressed that it is repositioned after manually resized screen.

I was thinking about forcing resize or something like that. Maybe I can get any suggestion how to handle this kind of problem the right way?!

Current Behavior 😯

Mentioned above, examples below.

Examples 🌈

It is ok, when there is enough space.

As the component is rendered at the bottom of the page, there is the problem.

The black part is the desktop 😉

[oliviertassinari]

@Filson14 I'm closing as a duplicate of #10595.

[Filson14]

Thank You! I've missed that issue. Will follow it.