-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Labels
Description
Description
The Fluent2 Editable ComboBox has a few issues:
- Background doesn't change when editing text (focused)
- It ideally needs to have the same border style as TextBox when unfocused. However, this may be a design decision (I disagree with) to keep an editable ComboBox looking more like a traditional ComboBox rather than a TextBox.
This is most noticeable in dark theme.
Reproduction Steps
.NET 9 Fluent theme
ComboBox with IsEditable="True"
Expected behavior
Editable ComboBox should match closely with TextBox styling.
Actual behavior
Unfocused ComboBox (top) is missing the more prominent "underline" bottom border indicating it is a text input.
A focused ComboBox does not change the background when entering text.
... as compared to TextBox
Regression?
No response
Known Workarounds
No response
Impact
No response
Configuration
No response
Other information
No response
lindexi
Metadata
Metadata
Assignees
Labels
Type
Projects
Status
☑ Done
Milestone
Relationships
Development
Select code repository
Activity
lindexi commentedon Feb 19, 2025
Yes, I agree that editable ComboBox should match closely with TextBox styling.
The editing ComboBox in WinUI 3:
Fluent2 Editable ComboBox
dipeshmsft commentedon Apr 25, 2025
I agree that Editable ComboBox should be nearer in style to a TextBox, like in case of focused and selection states.
However that would also mean that we are departing a little from what WinUI does.
Comments ? I will try to discuss this with internal design team and see what opinions they have.
robert-abeo commentedon Apr 25, 2025
@dipeshmsft Editable ComboBoxes was a late addition to UWP/WinUI and left a few things to be desired if I recall correctly. WPF was always more functional in this area.
That said, I think you are incorrect. What I'm asking for is exactly what is already done in WinUI. When I edit a combobox in the WinUI3 gallery it is as expected and is designed to look just like a TextBox. (background changes on focus, bottom border it accent color, etc.)