TextField autocomplete options position is shifted

[eithangav]

Can we access your project?

• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

Using TextField with "Autocomplete" set, the options list are shown in a wrong position, shifted to the left. Also, the shifting distance seems to depend on the distance between the widget start position and the screen edge.

Important note: I didn't make any change to the pages that are affected by this, and it was perfectly fine in my previous app version.

Expected Behavior

The options list should be positioned beneath the textField input widget

Steps to Reproduce

1. add a new TextField widget
2. set "autocomplete" to true
3. add some options to the list
4. run test
5. observe that the options are positioned wrong

Reproducible from Blank

• [ ] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

ITFThcr15YpPm7RE+KrPK8JvliQXGUMcX5Ir1utsewgjGKL1BqQXeODRSFBoQsO7aVNcfE2arz4epN73hYTxMsAFCxSWc6Jc+c1pEQvOe2iRacXWEqW3dndfL8ZMG1SY1pivpx1DOtR1LGQk6juIONmyfD3DFOu/Zwh9f6PHaOI=

Visual documentation

Environment

- FlutterFlow version: v4.1.63+ released June 26, 2024
- Platform: Web
- Browser name and version: Google Chrome Version 126.0.6478.126 (Official Build) (arm64)
- Operating system and version affected: Mac

Additional Information

No response

[eithangav]

Trying to reproduce the issue in a blank project, I found out that it has something to do with the app directionality (that is affected by the app language). Explanation: when I set a project in language "English" - the bug is not reproduced, but in the exact same project when the only change I make is setting the language to "Hebrew" which I use also in my published project, the bug does happen again.

English (direction LTR) - no issue:

Hebrew (direction RTL) - options are shifted:

[ignalauret]

Hey @eithangav thanks for the report. I can confirm that the autofill box gets shifted when changing to Hebrew. However I'm not seeing that much of a shift like in your first picture, just a little bit like in the second one. I will send this to our technical team so they can take a look. They will keep you updated on this thread, have a great day!

[eithangav]

Hi, thanks for the response.

About the shift severity - it is growing responsively. Try to have the TextField located where it has space between it's start (right side in RTL) and the screen edge (right), and you should see that the shift to the counter side grows accordingly.

I want to emphasize that because in my web app I have a nav bar on the right, causing the shift to be so big that you cant even see the autocomplete content.

This fix is very important for my client which already have their system in production! So I will highly appreciate resolving it as soon as you guys can.

Thanks again

[eithangav]

See the following example... it shows that the gap is growing responsively, depending on the separation from the right side of the screen. The bigger the space, the bigger the shift:

[eithangav]

@ignalauret hi, just wanted to make sure you got my clarifications :)

[eithangav]

@ignalauret I understand that you put the thread on hold, but I think my clarifications may change the prioritization.

Please let me know if you guys have read it.