Panel is cut off below the fold if autocomplete is near the bottom of the viewport

[salomvary]

Description

Panel is cut off below the fold if autocomplete is near the bottom of the viewport.

Reproduction

Steps

• Open the sandbox: https://codesandbox.io/p/sandbox/github/algolia/autocomplete/tree/next/examples/query-suggestions-with-inline-categories
• Resize the window so that the preview is about 860x430px (or any size where the mobile version is not shown and the autocomplete input is close to the bottom of the viewport)
• Focus the autocomplete input
• See most of the panel being invisible below the bottom of the viewport

Expected behavior

The panel should be flipped vertically and rendered above the input.

Environment

• OS: any
• Browser: tested on Firefox, likely any
• Autocomplete version: 1.19.6