ft.CupertinoPicker is not working as expected

[KazuSasajima]

Question

This code works correctly.

import flet as ft

def main(page):
    page.horizontal_alignment = ft.CrossAxisAlignment.CENTER

    selected_fruit_ref = ft.Ref[ft.Text]()
    test_list = [ i for i in range(1,21)
    ]

    def handle_picker_change(e):

        selected_fruit_ref.current.value = test_list[int(e.data)]
        page.update()

    cupertino_picker = ft.CupertinoPicker(
        selected_index=3,
        magnification=1.22,
        squeeze=1.2,
        use_magnifier=True,
        on_change=handle_picker_change,
        controls=[ft.Text(value=f) for f in test_list],
    )

    page.add(
        ft.Row(
            tight=True,
            controls=[
                ft.Text("Selected Fruit:", size=23),
                ft.TextButton(
                    content=ft.Text(value=test_list[3], ref=selected_fruit_ref, size=23),
                    style=ft.ButtonStyle(color=ft.colors.BLUE),
                    on_click=lambda e: page.open(
                        ft.CupertinoBottomSheet(
                            cupertino_picker,
                            height=216,
                            padding=ft.padding.only(top=6),
                        )
                    ),
                ),
            ],
        ),
    )
ft.app(target=main)

However, for example, if you change selected_index from 3 to 13, the initial screen appears fine, but the drum behaves strangely when moved.

import flet as ft

def main(page):
    page.horizontal_alignment = ft.CrossAxisAlignment.CENTER

    selected_fruit_ref = ft.Ref[ft.Text]()
    test_list = [ i for i in range(1,21)
    ]

    def handle_picker_change(e):

        selected_fruit_ref.current.value = test_list[int(e.data)]
        page.update()

    cupertino_picker = ft.CupertinoPicker(
        selected_index=13,
        magnification=1.22,
        squeeze=1.2,
        use_magnifier=True,
        on_change=handle_picker_change,
        controls=[ft.Text(value=f) for f in test_list],
    )

    page.add(
        ft.Row(
            tight=True,
            controls=[
                ft.Text("Selected Fruit:", size=23),
                ft.TextButton(
                    content=ft.Text(value=test_list[13], ref=selected_fruit_ref, size=23),
                    style=ft.ButtonStyle(color=ft.colors.BLUE),
                    on_click=lambda e: page.open(
                        ft.CupertinoBottomSheet(
                            cupertino_picker,
                            height=216,
                            padding=ft.padding.only(top=6),
                        )
                    ),
                ),
            ],
        ),
    )
ft.app(target=main)

Flet Version: 0.27.4
OS:Windows 11 Home 24H2

Code sample

No response

Error message

No response

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

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