[Flet 0.80.1] How can i expand a dropdown to all horizontal available space ?

[NiTRoeSE]

Question

Hello,

in flet 0.28.3 my dropdowns are correct expanded to all available space using expand=True.
Unfortunately this doesnt work anymore in flet 0.80.1.

Its possible to set a width, but at this point i cant access page.width in my app, the other problem with setting a specific width is that even menu_width key is set the menu goes over the whole page.

I tried also to place the dropdown in a ft.ResponsiveRow and gave col={"sm":12} but that also didnt work.
I think expand=True should work and its maybe a bug that it do nothing on dropdown, i dont know.. i openend also a bug report: #6044

Is there any way to let a dropdown use all available space in a page / column / row / container without using the width key ?

Thanks in advanced

Code sample

import flet as ft

def main(page: ft.Page):
    page.spacing = 20
    page.padding = 20

    severity_dropdown =  ft.Dropdown(
                    
                        label="Severity",
                        leading_icon=ft.Icons.WARNING_ROUNDED, 
                        border_color=ft.Colors.ON_TERTIARY_CONTAINER,
                        fill_color=ft.Colors.ON_TERTIARY,
                        filled=True,
                        menu_height=400,
                        menu_width=400,
                        options = [
                            ft.DropdownOption(
                                key="warn",
                                content=ft.Text(
                                    value="Warning (Orange)",
                                    color=ft.Colors.AMBER_400
                                ),
                                
                            ),
                            ft.DropdownOption(
                                key="success",
                                content=ft.Text(
                                    value="Success (Green)",
                                    color=ft.Colors.GREEN_400
                                ),
                                
                            ),
                            ft.DropdownOption(
                                key="info",
                                text="Information (White)"
                            ),
                            ft.DropdownOption(
                                key="danger",
                                content=ft.Text(
                                    value="Danger (Red)",
                                    color=ft.Colors.RED_400
                                ),
                               
                            ),

                        ],
                        expand=True,
                        hover_color=ft.Colors.TRANSPARENT,
                        
                        
        )

    page.add(severity_dropdown)

ft.run(main)

Error message

No response

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

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

[agammann]

This was a regression in 0.80.1, tracked in #6044 and fixed by the merged #6048. A maintainer confirmed that Dropdown(expand=True) works from Flet 0.80.4 onward.

With that version or newer, keep expand=True and omit an explicit dropdown width. Also remove menu_width=400 if you want the popup menu to follow the field width: the docs say menu_width=None uses the input field's width.