using enter key for grid's ColumnMenuFilter

[Daniel]

I tweaked the code from here  https://www.telerik.com/kendo-react-ui/components/grid/filtering/#toc-column-menu-filter  so that ProductName column uses the ColumnMenu.  Here is sample app https://stackblitz.com/edit/react-3fufmw?file=app/main.jsx

In this example, why can I press the "enter" key to apply a text filter (e.g. the ProductName column), but for a number filter, the enter key does not apply and I have to click on the filter button?

Is this a bug?  How can i make the "enter" key work with number filter?

Steps

click on ProductName hamburger menu, enter "ch", then press "enter" key while focused on text input.  The filter is applied

click on ProductID hamburger menu, enter "1", then press "enter" key while focused on text input.  The filter is not applied.

 

Thanks.

[Stefan]

Hello, Daniel,

Thank you for reporting this.

This is a known issue that is already addressed:

https://github.com/telerik/kendo-react/issues/477

The fix introduces new property that has to be set.

We already set that property internally in the NumericTextBox used in the ColumnMenu and the change is on a Pull Request and should be in the dev channel soon.

Apologies for the inconvenience this may have caused you

Regards,
Stefan
Progress Telerik