Duplicate Check
Describe the requested feature
Is your feature request related to a problem? Please describe.
Currently, it is not possible to decrease the height of a Dropdown control to match the reduced height of a TextField. When building dense data-entry forms, placing a TextField and a Dropdown side by side results in visually misaligned components, breaking the UI harmony. The Dropdown seems to maintain a default minimum height that cannot be easily overridden.
Describe the solution you'd like
I would like a way to customize the minimum height of the Dropdown control (e.g., fully honoring the height property or adjusting internal content_padding without clipping the text), allowing it to perfectly align with a TextField that has been scaled down.
Describe alternatives you've considered
I have tried adjusting the height and content_padding properties of the Dropdown, but the internal constraints of the underlying Flutter widget prevent it from shrinking harmoniously alongside the TextField.
Additional context
Here is a quick reproduction showing the height mismatch:
import flet as ft
def main(page: ft.Page):
page.add(
ft.Row([
ft.TextField(label="Text input", height=32),
ft.Dropdown(label="Dropdown input", options=[ft.dropdown.Option("Option 1")], height=40)
])
)
ft.app(target=main)
Suggest a solution
No response
Screenshots
No response
Additional details
No response
Duplicate Check
Describe the requested feature
Is your feature request related to a problem? Please describe.
Currently, it is not possible to decrease the height of a Dropdown control to match the reduced height of a TextField. When building dense data-entry forms, placing a TextField and a Dropdown side by side results in visually misaligned components, breaking the UI harmony. The Dropdown seems to maintain a default minimum height that cannot be easily overridden.
Describe the solution you'd like
I would like a way to customize the minimum height of the Dropdown control (e.g., fully honoring the height property or adjusting internal content_padding without clipping the text), allowing it to perfectly align with a TextField that has been scaled down.
Describe alternatives you've considered
I have tried adjusting the height and content_padding properties of the Dropdown, but the internal constraints of the underlying Flutter widget prevent it from shrinking harmoniously alongside the TextField.
Additional context
Here is a quick reproduction showing the height mismatch:
import flet as ft
def main(page: ft.Page):
page.add(
ft.Row([
ft.TextField(label="Text input", height=32),
ft.Dropdown(label="Dropdown input", options=[ft.dropdown.Option("Option 1")], height=40)
])
)
ft.app(target=main)
Suggest a solution
No response
Screenshots
No response
Additional details
No response