This is a migrated thread and some comments may be shown as answers.

using enter key for grid's ColumnMenuFilter

1 Answer 521 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Veteran
Daniel asked on 25 Apr 2020, 07:04 AM

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.

1 Answer, 1 is accepted

Sort by
0
Accepted
Stefan
Telerik team
answered on 27 Apr 2020, 01:54 PM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
General Discussions
Asked by
Daniel
Top achievements
Rank 1
Veteran
Answers by
Stefan
Telerik team
Share this question
or