Dropdown

[7576457]

I'm trying to make the displayed gray container full-sized.

Right now, it looks squished, even though I've set its height to height=50. I also tried using padding=0 and content_padding=0, but that didn't work.

Could you please advise how I can achieve this?

2024-11-10.16-52-53.mp4

I'll also use Photoshop to show what I'm aiming for.

do:

after photoshop:

CODE:

import flet as ft
from datetime import datetime


def main(page: ft.Page):

    page.add(
        ft.Container(
            bgcolor='secondarycontainer, 0.2',
            border_radius=10,
            expand=True,
            content=ft.Column(
                spacing=0,
                controls=[
                    ft.Container(
                        height=50, margin=2.5,
                        bgcolor='secondarycontainer, 0.2',
                        border_radius=10,
                        content=ft.Row(
                            controls=[
                                ft.Dropdown(
                                    value='Value-2',
                                    border_radius=10,
                                    border_width=0,
                                    width=150,
                                    options=[
                                        ft.dropdown.Option(
                                            key='Value-1',
                                            content=ft.Row(
                                                controls=[
                                                    ft.Container(bgcolor='grey', border_radius=10, width=50, height=50),
                                                    ft.Text('Value-1')
                                                ]
                                            ),
                                        ),
                                        ft.dropdown.Option(
                                            key='Value-2',
                                            content=ft.Row(
                                                controls=[
                                                    ft.Container(bgcolor='grey', border_radius=10, width=50, height=50),
                                                    ft.Text('Value-2')
                                                ]
                                            ),
                                        ),
                                        ft.dropdown.Option(
                                            key='Value-3',
                                            content=ft.Row(
                                                controls=[
                                                    ft.Container(bgcolor='grey', border_radius=10, width=50, height=50),
                                                    ft.Text('Value-3')
                                                ]
                                            )
                                        )
                                    ]
                                )
                            ]
                        )
                    )
                ]
            )
        )
    )
ft.app(main)

[7576457]

https://github.com/user-attachments/assets/4cfa77cb-cfaf-4921-bcb4-33b2b2c6943f
And when I try setting a larger height to expand the dropdown window, it doesn’t behave as expected