The TextField created as a component appears repeatedly in the Set Form Field action. The others do not appear.

[annaisdevk]

Has your issue been reported?

• I have searched the existing issues and confirm it has not been reported.
• 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

I have created a TextField as a component:

A page contains + 1 of this component. To distinguish them on the page, each one has its own name:

If you want to read the value of one of these TextFields, through Widget State, they appear correctly differentiated and you can get the value of each one. This is correct.

BUG:
The problem is when you want to set a value using Set Form Field action. Not all TextFields are displayed. Only 1 appears and it appears repeatedly.

Expected Behavior

In 'Set Form Field' should appear each of the TextField that contains the page. In the same way that they do appear from Widget State.

Expected:

Steps to Reproduce

1. Create a new Component
2. Add a TextField in this Component
3. Then create a new page and add this component to it +1 time, and set a custom name for each of them.
4. Create a Set Form Field action. You will see that only 1 TextField appears and repeats.

Reproducible from Blank

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

Bug Report Code (Required)

IT8gz/Hq4c9goddA7qrAcu9VgiYXKUg5a7grl+tqEAgafJSvBI13d/elXBFVZOqBa21AI1qZkmYypuDUhM7xG8c7EweVb65l3JVqZwuUfE+XVYyJDLmRdXFfGcdPf26Y0MKg3AlsA+FsdCEY7V+mAee9Tj3UNITQDXovRcmaOqH4p0qYAh3rGzpU4yoXJR7eTI5ODEz25eKMrop5yfj/0w==

Context

I have TextFields that I want to reuse on different pages and not have to repeat the same settings and actions each time. For this reason, I created the TextField as a component.

This problem makes it impossible to set values for the text fields.

Visual documentation

The screenshots are attached to the previous messages describing the problem.

Additional Info

No response

Environment

- FlutterFlow version: v4.0 released November 21, 2023
- Platform: Web
- Browser name and version: Chrome 119.0.6045.160
- Operating system and version affected: Windows 10

[elementh69]

As seen in the first screenshot, there is a widget named 'TextField' within your widget tree. If you can find a way to dynamically rename it, it should appear correctly in actions as you expect.

[github-actions]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.

[takashiff]

Hello @annaisdevk, thank you for your bug report. As @elementh69 has stated above, the names are based on the widget name. If the issue persists, please feel free to follow up in this thread so that it can be reopened.

[annaisdevk]

@takashiff It is not a problem with the names. It is a problem with the custom components added to the page and how FF gets them.

If we look at the code, they are correctly differentiated:

And it works fine when it comes to reading their values. The problem occurs when you create the Set Form Field action and FlutterFlow lists the widgets compatible with this action. There should be listed the 3, but only 1 of the 3 appears and repeatedly. Note that it is not a problem of names, it is that it always gets the same component.

To check it, assign a value to each of the components that appear in the Set Form Field and you will see that it is always the same:

To summarize: if I take VsCode, I can perfectly set a value for each one independently. The problem is that if we use the visual designer of FlutterFlow I can't access each one independently.

[annaisdevk]

@takashiff @SameerShahzad99 Can you check this bug again? it is obvious that it is a FlutterFlow bug, because from VSCode I can normally access the components by their names.

For example: