I made a Blazor REPL reproduction: https://blazorrepl.telerik.com/mcuCGpYr4223mhWY49. Run and observe the person label is overlapping the dropdown.
How to reproduce:
<TelerikFloatingLabel Text="Person">
<TelerikComboBox
TItem="@Person" TValue="@int"
ScrollMode="@DropDownScrollMode.Virtual"
OnRead="@GetRemoteData"
ValueMapper="@GetModelFromValue"
ItemHeight="30"
PageSize="20"
TextField="@nameof(Person.Name)"
ValueField="@nameof(Person.Id)"
@bind-Value="@SelectedValue"
Filterable="true" FilterOperator="@StringFilterOperator.Contains">
<ComboBoxSettings>
<ComboBoxPopupSettings Height="200px" />
</ComboBoxSettings>
</TelerikComboBox>
</TelerikFloatingLabel>
The FloatingLabel does not have a Size setting. Thus, if I use it together with a large TextBox, there is a discrepancy between the font-sizes of the FloatingLabel and the TextBox value.
Please allow setting the size of the component.
===
ADMIN EDIT
===
A possible solution for the time being is to use CSS to adjust the font-size of the FloatingLabel, so it matches the TextBox.
I have a flag for Enabling/Disabling a ComboBox. It works without the floating label. With the floating label, I cannot get the ComboBox to recognize the flag changing.
The first box will not re-enable with the button click, but the second enables/disables as many times as you click the button. Here is the code:
<h3>TestPage</h3>
<TelerikButton OnClick="@(() => {_isEnabled = !_isEnabled;})">Is Enabled: @_isEnabled.ToString() </TelerikButton>
<TelerikFloatingLabel Class="otis-fl-100"
Text="Select a Form">
<TelerikComboBox Data="@_data"
Width="100%"
TValue="string"
TItem="string"
Filterable="true"
Enabled="@_isEnabled">
</TelerikComboBox>
</TelerikFloatingLabel>
<br />
<br />
<TelerikComboBox Data="@_data"
Width="100%"
TValue="string"
TItem="string"
Filterable="true"
Placeholder="Select a Form"
Enabled="@_isEnabled">
</TelerikComboBox>
@code {
private List<string> _data = new List<string> { "one", "two", "three" };
private bool _isEnabled = true;
}