why is spellcheck not working even after setting html attributes

[Pradeep]

Hi Guys,

On SfComboBox - I cannot turn the spell check function on. (either by using HtmlAttributes parameter or by using spellcheck="true".) I had enabled filtering - but turning it off makes no difference - I cannot enable spellcheck in the component

on browser inspection it says "spellcheck=false"

Using Syncfusion Blazor 20.4.0.38 with Fluent Dark theme.

How can spell check be enabled for ComboBox and other input components?

Kind regards

Pradeep

[Deepak Ramakrishnan]

Hi Pradeep,

Sorry for the inconvenience caused .

We recommend implementing spellcheck functionality through the use of the "Created" event and the "setAttribute" method via interop. Please refer to the provided code snippet and sample for reference.

[Index.razor]

@using Syncfusion.Blazor.DropDowns

 

@inject IJSRuntime JSRuntime

 

<SfComboBox ID="combobox_1" TValue="string" TItem="EmployeeData" Placeholder="e.g. Australia" DataSource="@Employees" FloatLabelType="Syncfusion.Blazor.Inputs.FloatLabelType.Always">

    <ComboBoxFieldSettings Text="FirstName" Value="FirstName"></ComboBoxFieldSettings>

    <ComboBoxEvents TValue="string" TItem="EmployeeData" Created="CreatedHandler" />

</SfComboBox>

@code {

    public List<EmployeeData> Employees { get; set; }

 

    async Task CreatedHandler()

    {

        await JSRuntime.InvokeVoidAsync("UpdateAttribute", "combobox_1");

    }

[Javascript.js]

 

function UpdateAttribute(id) {

 

    document.getElementById(id).setAttribute("spellcheck", "true");

}

Thanks,

Deepak R.

[Pradeep]

Hi Deepak,

Thank you for the reply. But that's a significant overhead for such a mundane setting - especially when there is more than one combobox in a form.

Can't you implement this as a component parameter in a future version of the library? or can you look why setting @attributes /InputAttributes / HtmlAttributes doesn't work ?

This problem is a deal breaker for me to using SfComboBox - and is not present in any of the other competing blazor libraries.

kind regards

Pradeep

[Sureshkumar P]

Hi Pradeep,

Thanks for your shared information. We have confirmed the reported issue is an issue at our end and this fix will be included in our any one of upcoming patch releases,

You can track the status of this issue from the below feedback.

Feedback: https://www.syncfusion.com/feedback/40805

Disclaimer: The inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization

Regards,

Sureshkumar P

[Sureshkumar P]

Hi All,

We have fixed your reported issue from our end in the latest 20.4.50 version. So, we suggest you upgrade to our latest version to resolve the current issue. 

Please find the release notes here: https://blazor.syncfusion.com/documentation/release-notes/20.4.50?type=all#bug-fixes-4

Regards,  

Sureshkumar P