I have enabled the EnableAutoSize property to expand on multiple items being selected but I am experiencing two issues:
1) When there are no items selected in the SfComboBox, the min height of the SfComboBox doesn't fit the first selected token. When the property is set to False, the token fits without issue. I tried to set a Min Height but the property was ignored. (See screen Print 1)
2) When I add enough tokens to wrap onto the second line the header moves downwards. (See screen Print 2)
Can you please advise if there is anyway to solve these two issues?
Here is my code:
<inputLayout:SfTextInputLayout Hint="Country" ContainerType="Outlined" >
<combobox:SfComboBox MultiSelectMode="Token" TokensWrapMode="Wrap" EnableAutoSize="True" IsSelectedItemsVisibleInDropDown="false">
<combobox:SfComboBox.ComboBoxSource>
<generic:List x:TypeArguments="x:String">
<x:String>Afghanistan</x:String>
<x:String>Akrotiri</x:String>
<x:String>Albania</x:String>
<x:String>Austria</x:String>
<x:String>UK</x:String>
<x:String>USA</x:String>
</generic:List>
</combobox:SfComboBox.ComboBoxSource>
</combobox:SfComboBox>
</inputLayout:SfTextInputLayout>
<StackLayout>
<inputLayout:SfTextInputLayout Hint="Country" ContainerType="Outlined" >
<combobox:SfComboBox MultiSelectMode="Token"
TokensWrapMode="Wrap"
EnableAutoSize="True"
IsSelectedItemsVisibleInDropDown="false">
<combobox:SfComboBox.ComboBoxSource>
<generic:List x:TypeArguments="x:String">
<x:String>Afghanistan</x:String>
<x:String>Akrotiri</x:String>
<x:String>Albania</x:String>
<x:String>Austria</x:String>
<x:String>UK</x:String>
<x:String>USA</x:String>
</generic:List>
</combobox:SfComboBox.ComboBoxSource>
</combobox:SfComboBox>
</inputLayout:SfTextInputLayout>
</StackLayout> |