Feature Request: Capture Input Value for AutoComplete

[fasilwdr]

Duplicate Check

• I have searched the opened issues and there are no duplicates

Describe the requested feature

Add a property to the AutoComplete control to capture and handle user input when it does not match any provided suggestions.
Currently, the AutoComplete control in Flet only provides functionality for users to select from predefined suggestions. It would be beneficial to add a property or event handler to capture and process user input regardless of whether it matches the provided suggestions. This feature will allow developers to handle scenarios where users input custom values, enhancing the flexibility and usability of the AutoComplete control.

Suggest a solution

Add a value property to the AutoComplete control. This property should reflect the current input value of the AutoComplete, whether it matches a suggestion or is a custom user input.

Example Implementation:

import flet as ft

def main(page: ft.Page):
    def on_value_select(e):
        print(f"Current input value: {e.control.value}")

    page.add(
        ft.AutoComplete(
            suggestions=[
                ft.AutoCompleteSuggestion(key="one 1", value="One"),
                ft.AutoCompleteSuggestion(key="two 2", value="Two"),
                ft.AutoCompleteSuggestion(key="three 3", value="Three"),
            ],
            value="",  # New property to capture the input value
            on_select=on_value_select
        )
    )

ft.app(target=main)

Screenshots

No response

Additional details

No response

[fasilwdr]

@ndonkoHenri any update?

The control should function as a TextField if no AutoComplete suggestions are selected.

[fasilwdr]

@ndonkoHenri Can you update it pls?

[S-Del]

@ndonkoHenri
This is an English translation generated by AI, so I apologize in advance if it's inaccurate.

This is a request for a similar issue, but specifically, I would like to be able to retrieve the value of the value attribute of the Dropdown class when its editable attribute is set to True.

As pointed out in this Issue, users may not necessarily select from the list and might be entering arbitrary values.

[YanMing-lxb]

I have the same need.
I want the drop-down box to be able to enter content by dropping down and selecting options, but you also want to realize the effect of entering content other than options by entering content directly. However, the current setting of editable=True does not allow the content to be submitted to the value. is this possible in the current version? Thanks for your help.

flet==0.28.3

import flet as ft

def main(page: ft.Page):
    def button_clicked(e):
        t.value = f"Dropdown value is:  {dd.value}"
        page.update()

    t = ft.Text()
    b = ft.ElevatedButton(text="Submit", on_click=button_clicked)
    dd = ft.Dropdown(
        width=100,
        editable=True,
        options=[
            ft.dropdown.Option("Red"),
            ft.dropdown.Option("Green"),
            ft.dropdown.Option("Blue"),
        ],
    )
    page.add(dd, b, t)

ft.app(main)