ComboBox PlaceholderText & ComboBoxAssist.Label is visually confused

[qfmee]

1：ComboBox PlaceholderText & ComboBoxAssist.Label is visually confused with the selected content.
2：When the list opened, click on another location on the interface the list does not close. But Filled and Outline styles can be close。
3：I really hope this control can be migrated to Material. Styles/Resources/Themes/

[Metritutus]

DisplayMemberBinding also appears to behave oddly. It seems to be getting treated as a label for the control, and floats to the top-left of the control as a result. In addition, because of this behaviour, if using ComboBoxAssist.Label as well then the two values overlap. This is on 3.0.0-avalonia11-preview6.19-nightly.

[seikosantana]

Is the part where selected item gets displayed in placeholder's place?

[SKProCH]

Is the part where selected item gets displayed in placeholder's place?

What do you mean?

[seikosantana]

Here's ComboBox with two items

When ComboBox items are created using binding

<ComboBox PlaceholderText="Lines" ItemsSource="{Binding AvailableLines}"
          SelectedItem="{Binding SelectedLine, Mode=TwoWay}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding StringFormat='Line {0}'}"></TextBlock>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

Selecting an item places the selected item label on the place of the placeholder

While the one created like in the Demo

<ComboBox PlaceholderText="Lines">
    <TextBlock>Line 1</TextBlock>
    <TextBlock>Line 2</TextBlock>
</ComboBox>

is put in the correct place

Comparison of ComboBoxes with selected item of first and second:

Is this related to this issue?

[SKProCH]

Yep, I think this is related.

[seikosantana]

So is there a way to put the selected item display in it's intended place? Or any workarounds?

[SKProCH]

So is there a way to put the selected item display in it's intended place? Or any workarounds?

I'll try to take a look.

[seikosantana]

Thanks, I appreciate it. The application I am working on is getting close to release deadline, and I'm still new to Avalonia and XAML. Wish could do something about these..

[SKProCH]

Seems like this is completely overrides an template. As for workaround, you can use:

<ComboBox PlaceholderText="Lines" ItemsSource="{Binding AvailableLines}"
          SelectedItem="{Binding SelectedLine, Mode=TwoWay}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding StringFormat='Line {0}'}" VerticalAlignment="Center"></TextBlock>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

[seikosantana]

Thanks a lot, that works

[Andy-DG]

<ComboBox Grid.Row="1" Margin="0,0,0,10" ItemsSource="{Binding HotkeyOptions}" SelectedItem="{Binding Scene.Hotkey}" ToolTip.Tip="Select a hotkey"> <ComboBox.ItemTemplate> <DataTemplate> <TextBox Height="20" Watermark="Select hotkey" Text="{Binding}" VerticalAlignment="Center" HorizontalAlignment="Left"/> </DataTemplate> </ComboBox.ItemTemplate> </ComboBox>

I used this, this replaces the PlaceHolderText by a watermark, giving it a cleaner position.