Auto Complete (AC) drop-down out of alignment when used within a container with overflow

======== TEMPLATE BUG FORM ========

Wappler Version : 3.9.2
Operating System : Mac
Server Model: NodeJS
Database Type: MySql8
Hosting Type: AWS Docker

Expected behavior

What do you think should happen?

I’d like to be able to use the Auto Complete (AC) component in my set of filters. These filters are within a column that has overflow-y auto for scrolling within the column and a set height of 550px.

Actual behavior

If I create a brand new Auto Complete - it ‘appears’ to be working initially. Then if I add another, or if I edit the Auto Complete the drop-down list of results generated appear at the bottom of the container and so become either not user friendly, or unusable.

See screenshot:

The box with Sales and wholesale should actually appear just under the current industry input.

Community Page
Last updated: