bdlukaa / bdlukaa/fluent_ui

🐛 [ComboBox] handle `ComboBoxItem.child` height

Open
#1,230 0 comments 0 reactions 0 assignees View on GitHub
enhancement w: ComboBox
Dominant language
Dart
Stars
3.5k
Forks
506
Avg merge
11d 2h
Merged PRs (30d)
3

Description

If `ComboBoxItem.child` contains a Widget that takes more than the default one-row height, it overflows.
So, for instance, if we want to add a caption or subtitle in each `ComboBoxItem`, we currently can't.

This is what it [may look like](https://react.fluentui.dev/?path=/docs/components-combobox--docs#complex-options)
![Image](https://github.com/user-attachments/assets/258233f8-639b-4550-bc04-01809e87b213)

It's another subject, but it could be handy to handle separators and grouping like [this](https://react.fluentui.dev/?path=/docs/components-combobox--docs#custom-options) also :
![Image](https://github.com/user-attachments/assets/1f016a13-5e2e-4d08-9e78-7b5c25551573)

Contributor guide

No contributing guide indexed for this repository

Research direction

Locate the ComboBoxItem implementation and its layout or height handling, then reproduce an item whose child contains a taller widget such as a caption or subtitle. Check how the default one-row height causes overflow. Done means taller children fit without overflow while ordinary items retain their expected height.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart, flutter
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.