RadzenAutocomplete forced "display: inline-block" style

Radzen.Blazor Components
1

Using RadzenAutocomplete force-appends “;display: inline-block” to rendered html after style specified in the code. This e.g. breaks displaying validators as popups below the component which works for all other form elements except autocomplete.
This can be observed in developer tools on page Blazor AutoComplete Component | Free UI Components by Radzen

Blazor Code:
<RadzenAutoComplete @bind-Value=@companyName Data=@customers TextProperty="@nameof(Customer.CompanyName)" Style="width: 13rem" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "Company Name" }})" />

Rendered HTML:

<div style="width: 13rem;display:inline-block;" class="rz-autocomplete rz-state-empty" id="kh85lk4agk" _bl_1966=""><input aria-label="Company Name" oninput="Radzen.openPopup(this.parentNode, 'popupkh85lk4agk', true)" tabindex="0" aria-autocomplete="list" aria-haspopup="true" autocomplete="off" role="combobox" class="rz-inputtext rz-autocomplete-input" onblur="Radzen.activeElement = null" type="text" aria-expanded="true" _bl_1967=""><div id="popupkh85lk4agk" class="rz-autocomplete-panel" style="display:none; transform: none; box-sizing: border-box; max-height: 200px;"><ul class="rz-autocomplete-items rz-autocomplete-list" role="listbox" _bl_1968=""></ul></div></div>
2

Hi @Slavius,

Changing the display mode is considered a breaking change, and could be done with a next major version.

Feel free to file an issue. Until then you can apply your own:

<RadzenAutoComplete class="my-display-mode" ... >

<style>

.my-display-mode {
    display: block !important;
}

</syle>