Autocomplete - The flyout causes the page to add a lot of unnecessary spacing underneath the autocomplete

[SanderVanHullebusch]

When our autocomplete flyout contains a few options and the component is already on the bottom of the page, it creates a lot of spacing.
The rendering of the flyout doesn't keep in account if there is any space for it to render.

Add a check if there isn't enough place to render the flyout at the top of the autocomplete input

[TriangleJuice]

@SanderVanHullebusch I don’t think we should add this behaviour to our design system component by default, for a few reasons:

• A flyout is intended for a small amount of data. If the content becomes too long, we should first question whether a flyout is the right UI pattern.
• Automatically flipping the flyout to the top introduces additional complexity and many edge cases (scroll containers, modals, mobile viewports, zoom, etc.).
• From an accessibility and usability perspective, a consistent flyout position is more predictable than one that changes depending on the available space.
• Layout constraints are often application-specific. We prefer to keep our design system component generic and let consuming applications decide if they need custom positioning logic.