using enter key for grid's ColumnMenuFilter

2 posts, 1 answers
  1. Daniel
    Daniel avatar
    14 posts
    Member since:
    Apr 2020

    Posted 25 Apr 2020 Link to this post

    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.

  2. Answer
    Stefan
    Admin
    Stefan avatar
    3035 posts

    Posted 27 Apr 2020 Link to this post

    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.
Back to Top