ResponsiveRow breakpoints should be able to adapt to its own size instead of page size

[jnsh]

Duplicate Check

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

Describe the requested feature

In situations where the ResponsiveRow does not extend to the whole width of the page/window, it would make more sense to have the col breakpoints compared to the ResposiveRow's own size, instead of the page size.

User defined breakpoints could help this somewhat, but are still not perfect solution:

Imagine case where e.g. half or the page width is used by Responsiverow, and half by something else (e.g. sidebars). In this case it is also possible to close the sidebars, which would increase the size allocated to ResponsiveRow. When the ResponsiveRow's size changes, you'd likely expect/want it to adapt the size of its children to its new size, but with the current implementation this does not happen.

Example code demonstrating the aforementioned issue:

import flet as ft

def main(page: ft.Page):

    def hide_button(e):
        button.visible = False
        page.update()

    button = ft.Container(
        content=ft.Text("Click to hide"),
        padding=100,
        alignment=ft.alignment.center,
        expand=True,
        on_click=hide_button,
    )

    row = ft.ResponsiveRow(expand=True)
    for i in range(28):
        row.controls.append(
            ft.Image(
                src=f"https://picsum.photos/150/150?{i}",
                col={"sm": 12, "md": 6, "lg": 4, "xl": 2, "xxl": 1},
            ),
        )

    page.add(
        ft.Row(
            controls=[
                row,
                button,
            ],
        )
    )

ft.app(main)

Suggest a solution

You could either add option to ResponsiveRow to check breakpoints against it's own size, or change the default behavior altogether.

Screenshots

No response

Additional details

No response