Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!>
Thanks for joining our community and helping improve Syncfusion products!
When FloatLableType = Auto, the placeholder text will overlap the input that's typed into the SfAutoComplete component IF complex binding is used for the AutoCompleteFieldSettings AND the provided input does not match one of the dropdown options. The following code demonstrates this issue:
<SfAutoComplete TValue="string" TItem="Class1" DataSource="@Data" Placeholder="Text Overlap Issue" FloatLabelType="FloatLabelType.Auto">
<AutoCompleteFieldSettings Text="Class2.Text" Value="Class2.Text" />
</SfAutoComplete>
<SfAutoComplete TValue="string" TItem="Class1" DataSource="@Data" Placeholder="Works As Expected" FloatLabelType="FloatLabelType.Auto">
<AutoCompleteFieldSettings Text="Text" Value="Text" />
</SfAutoComplete>
@code {
class Class1
{
public Class2 Class2 { get; set; }
public string Text { get; set; }
}
class Class2
{
public string Text { get; set; }
}
List
Data = new() {
new() { Text = "Text1", Class2 = new() { Text = "Text1" } },
new() { Text = "Text2", Class2 = new() { Text = "Text2" } },
new() { Text = "Text3", Class2 = new() { Text = "Text3" } }
};
}