💬
Get Help
EL
Eva Leygonie

TextField autocomplete shows suggestion list under phone keyboard

Widgets & Design

Hi there, I'm loosing my mind on this problem! I am developing an app with a form, where most texfields have autocomplete enabled to show what other users have written in that field (action block on page load to get relevant information from Supabase, then into page state lists, then connected to autocomplete dropdown). The problem is, when I tap a textfield it jumps up to rest right above my keyboard, but when I start typing, the suggestions show up under the keyboard (only the first one is visible), instead of moving the whole textfield to the top of the page, as it does with dropdown widgets. Has anyone found a fix for this?

What have you tried so far?

I've tried different types of layout, tried to find way to add a scroll to action that would put the field at the top of the page on change, added a container at the bottom of the form with conditional visibility tied to keyboard visibility, and am now trying to make a custom widget that would show the suggestions above the textfield instead, but it's messy. Heard of making an extra page with only the field and the suggestions, so that you actually change page when filling in each field, but that seems so unnecessary. Do I have any other choice?

Did you check FlutterFlow's Documentation for this topic?
Yes
2
2 replies