I have a form with several input fields organized in a column group.
One of the fields is used to enter the city of the user and it uses autocomplete.
The results of the autocomplete are displayed in a repeating group inside a group (Parent Search Results, the one with the blue background). But the group is displayed below the input fields of the form.
How can I have it overlap the form?
What element do you use for this setup? Do you have screen shot of desired outcome and sure it follows UX/UI and accessibility best practices?
try a group focus instead of a group.
I want something like that. The dropdown showing the results of the autocomplete should overlap the form.
In this example, when you type something in the field Ville (City in French), a dropdown menu appears with the matching city names. The field Zone is overlapped by the dropdown menu of the field Ville.
When I try, my dropdown (the blue rectangle in the screenshot in the original post) stays below the elements of my form.
Thanks. It works like a charm. 
great!
