Kendo React - Grid - Text filter not working properly if the string contains a colon with a space

[Jason]

Greetings,

I have a table row that contains a string: "Disallow: * Siri Suggestions * Camera Access * Screen recording"

When I try to filter it using the following text input: ": " (a colon with a space), I'm not getting any results.

It only works if I type a colon without the space. Please help, thanks!

 

Jason

[Konstantin Dikov]

Hello Jason,

I have tested the described scenario in the following example for the ProductName column, but the filtering works even with a space after the colon:

• https://stackblitz.com/edit/react-rfhsvs?file=app%2Fproducts.json

If the issue on your side persists, please modify the example so it can reproduce the problem. Thus we will be able to test and debug it locally.

Looking forward to your reply.

 

Regards,
Konstantin Dikov
Progress Telerik

[Jason]

Hi Konstantin,

I'm using { filterBy } from '@progress/kendo-data-query'.
The filter object I'm sending is:

{ filters: [{ field: 'description', operator: 'contains', value: ': ' }], logic: "and" }

 

Thanks!

[Konstantin Dikov]

Hi Jason,

I have tested the scenario with the filterBy helper method, but the filter still works correctly:

• https://stackblitz.com/edit/react-rfhsvs-hxdnqw?file=app%2Fmain.jsx

If further assistance is needed, please share a stackblitz example reproducing the issue, so we can debug it locally.

[Jason]

Hi Konstantin,

After further investigation, I found out the string contains multiple newline characters:
"Disallow:\n    * Siri Suggestions\n    * Camera Access\n    * Screen recording"

so the filter was working as expected. Thanks for your help!