question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`showGridMenu()` is triggered when we hit ENTER key on the inline filter

See original GitHub issue

I’m submitting a Bug report

Your Environment

Software Version(s)
Angular 8.2.14
Angular-Slickgrid 2.17.11
TypeScript 3.5.3

Describe the Bug

showGridMenu() is getting triggered when the user hits ENTER key after entering the search term on the compoundInputNumberFilter

Steps to Reproduce

  1. Enable filtering and use Filters.compoundInputNumber on a field.
  2. Set the gridmenu with the below configuration.
  3. In a compoundInputNumber field, type your search term and hit enter. Current setup gridMenu Configurations
this.gridOptions = {
      gridMenu: {
        hideForceFitButton: true,
        columnTitle: '',
        hideRefreshDatasetCommand: true,
        iconCssClass: 'fa fa-bars'
      }
//Other options for filters

Expected Behavior

The grid menu shouldn’t show in the screen at all, when the user hits enter key after entering a search term for inline filtering.

Current Behavior

When we hit enter key in the inline filtering, the library is implicitly invoking the showGridMenu() and the gridMenu shows up on Left side of the screen. The shown menu is ONLY partially visible. image

Possible Solution

Code Sample

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
ghiscodingcommented, May 19, 2020

This is now available in latest version 2.18.x.

Please upvote ⭐ if you haven’t already. Cheers

1reaction
ghiscodingcommented, May 7, 2020

hmm this Grid Menu was never meant to be used from the keyboard. This is an issue with SlickGrid (core) lib, it can be reproduced in this SlickGrid Example.

Can you please open an issue in the core lib SlickGrid instead. There’s nothing to fix in Angular-Slickgrid, it will have to be fixed in the core lib. Once it’s fixed in the core, it will flow to Angular-Slickgrid.

Read more comments on GitHub >

github_iconTop Results From Across the Web

apply filter using Enter instead of click in GridColumnMenuFilter
I was trying to trigger filter in GridColumMenuFilter using Enter ... /using-enter-key-for-grid's-columnmenufilter but I can't make it work.
Read more >
jqGrid InlineEdit "ENTER" key does not trigger "aftersavefunc ...
I have several jqGrids opening in a modal, all with inline editing enabled, keys: true, and a very simple aftersavefunc function defined.
Read more >
DataGrid - How to apply filter only when the Enter key is ...
Hi guys. I want to setup different behavior for filters in grid. Look at https://codepen.io/viktor-popov/pen/axdegm?editors=1010.
Read more >
How to filter all the columns when press the enter key for last ...
The following code example demonstrates how to filter all the columns when pressing the enter key for last filterbar cell. Render the grid...
Read more >
Confirming context menu entries via Enter when entering ...
In both cases, the problem is that the event handler that the Stack Exchange UI uses to trigger comment form submission via the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found