The dataStateChange and the filterChange events are not emitting anything on changing the filter value on mobile if the columns filter type is "text"

1 Answer 436 Views
Grid
Tasfin
Top achievements
Rank 1
Tasfin asked on 28 May 2021, 08:21 PM

Hello Kendo UI Team,

The dataStateChange and the filterChange events are not emitting anything on changing the filter value when -
- I'm using it on a mobile device (tested on android 10 and 11)
- the column's filter type is "text"

Here is the column's definition:

{
    field: `name`,
    title: `Name`,
    filter: {
      type: `text`
    }
}

The example provided on kendo's official page, which has text type column in the grid, is not working on the mobile device also if I change the filter value. Here is the grid I've checked on android 10 and 11. Official Page's Grid Demo

But it works fine if the filter type is numeric/date/dropdown/et cetera. It also works fine on changing sort or paging.

I have searched for any workaround for this but unfortunately could not find anything. It would be helpful if you can suggest any workaround. Please also If there is no workaround available

1 Answer, 1 is accepted

Sort by
0
Yanmario
Telerik team
answered on 02 Jun 2021, 02:18 PM

Hi Tasfin,

Thank you for the provided details.

The issue seems to be caused by the autocorrect feature of the virtual keyboard in Android. In general, the Grid filtering feature relies on the value change in the input field, but autocorrect doesn't seem to emit any keystrokes until the user presses space(key), enter(key), or select the suggested word. If the autocorrect feature is turned off, the filtering would work properly on every keystroke as expected. This also explains why the numeric and date fields work as the autocorrect doesn't suggest numbers or dates.

The only available workaround is for the user to turn off the autocorrect feature or be informed that if autocorrect is used, the written value needs to be confirmed by key pressing enter(key), space(key), or the suggested word in the autocorrect window.

Regards,
Yanmario Menev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Tasfin
Top achievements
Rank 1
Answers by
Yanmario
Telerik team
Share this question
or