SearchBar "Clear text" button

[Katsiuk]

Question

Hello!
Can you explain to me exactly how this button works? I need to clear the SearchBar.value in my own function, I mean to set an empty string, but it doesn't update visually, only if I set an empty string with one space, like " ", or some other text.

Code sample

import flet as ft

def main(page):

    def close_anchor(e):
        text = f"Item {e.control.data}"
        print(f"closing view from {text}")
        anchor.close_view(text)

    def handle_tap(e):
        e.control.open_view()

    def clean_function(e):
        anchor.value = ""  #This doesn't work.
        # anchor.value = " "  # This works and updates visually.
        # anchor.value = "Some text" # And this as well.
        anchor.update()

    anchor = ft.SearchBar(
        view_elevation=4,
        divider_color=ft.colors.AMBER,
        bar_hint_text="Test searchbar",
        view_hint_text="Choose something from the suggestions...",
        on_tap=handle_tap,
        controls=[
            ft.ListTile(title=ft.Text(f"Item {i}"), on_click=close_anchor, data=i)
            for i in range(10)
        ],
    )

    clean_button = ft.ElevatedButton(text="Clear")

    page.add(
        ft.Row(
            alignment=ft.MainAxisAlignment.CENTER,
            controls=[
                ft.OutlinedButton(
                    "Clear searchbar textfield",
                    on_click=clean_function,
                ),
            ],
        ),
        anchor,
    )


ft.app(target=main)

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[ndonkoHenri]

#3871