[Question] When I operate the color picker multiple times, page.update() doesn't work. Is this okay in your environment?

[calocenrieti]

Question

When I try to display the ColorPicker dialog in the Flet Controls Gallery, close it, perform another operation, and then try to display the ColorPicker dialog again, it doesn't appear.
I'm not sure if this is just my environment, but does this happen to you too?

If you have any ideas on how to improve it or fix it, please let me know.

The environments I've confirmed this to occur in are:

• windows11 23H2, google chrome 130.0.6723.92 (Gallery)
• Linux mint 21.3, google chrome 130.0.6723.91 (Gallery)
• windows11, python3.11, flet 0.24.1 (run)

https://flet-controls-gallery.fly.dev/contrib/colorpicker
https://youtu.be/8D76MMu9-DY

flet-dev/flet-contrib#20
https://youtu.be/6f7rsU12avU

code sample
and the steps to perform inorder to reproduce

1. Click the three brush icons to select a color.
2. Press the Start button (to enter the loop).
3. Press the Stop button (to exit the loop).
4. Click the three brush icons to select a color again.
5. Press the Start button (to enter the loop).
6. Once the loop is entered, the screen drawing will no longer be updated.

Code sample

from flet_contrib.color_picker import ColorPicker
import flet as ft

def main(page: ft.Page):

    def color_picker_example():

        async def open_color_picker(e):
            e.control.page.dialog = d
            d.open = True
            await e.control.page.update_async()

        color_picker = ColorPicker(color="#c8df6f", width=300)
        color_icon = ft.IconButton(icon=ft.icons.BRUSH, on_click=open_color_picker)

        async def change_color(e):
            color_icon.icon_color = color_picker.color
            d.open = False
            await e.control.page.update_async()

        async def close_dialog(e):
            d.open = False
            await d.update_async()

        d = ft.AlertDialog(
            content=color_picker,
            actions=[
                ft.TextButton("OK", on_click=change_color),
                ft.TextButton("Cancel", on_click=close_dialog),
            ],
            actions_alignment=ft.MainAxisAlignment.END,
            on_dismiss=change_color,
        )

        return color_icon

    def loop_func():
        while True:
            if start_button.disabled==False:
                break

    def snack_bar_message(mes):
        page.snack_bar = ft.SnackBar(ft.Text(mes))
        page.snack_bar.open = True
        page.snack_bar.update

    def start_clicked(e):
        example1.disabled=True
        example2.disabled=True
        example3.disabled=True
        stop_button.disabled=False
        start_button.disabled=True
        snack_bar_message('start')
        page.update()
        loop_func()

    def stop_clicked(e):
        example1.disabled=False
        example2.disabled=False
        example3.disabled=False
        start_button.disabled=False
        stop_button.disabled=True
        snack_bar_message('stop')
        page.update()

    example1=color_picker_example()
    example2=color_picker_example()
    example3=color_picker_example()

    page.snack_bar = ft.SnackBar(
        content=ft.Text("Hello, world!"),
        action="Alright!",
    )

    start_button=ft.ElevatedButton(
                    "Start",
                    icon=ft.icons.AUTO_FIX_HIGH,
                    icon_color=ft.colors.BLUE,
                    on_click=start_clicked,
                    disabled=False,
                    )


    stop_button=ft.ElevatedButton(
                    "STOP",
                    icon=ft.icons.STOP,
                    icon_color='',
                    on_click=stop_clicked,
                    disabled=True,
                    )

    page.add(
        ft.Row(controls=
            [
                ft.Text("sample", theme_style=ft.TextThemeStyle.BODY_LARGE),
            ]
            ),
        ft.Row(controls=[
                example1,
                example2,
                example3
                ]
            ),
        ft.Row(controls=
            [
                start_button,
                stop_button,
                ]
            ),
        ),
ft.app(target=main)

Error message

none

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

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