search

IgniteUI / igniteui-angular

Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
https://www.infragistics.com/products/ignite-ui-angular
Other
572 stars 161 forks source link

Some keyboard operations on the filter UI of the Grid show errors in the browser's console #13155

Closed jsakamotoIGJP closed 1 year ago

jsakamotoIGJP commented 1 year ago

Description

Some keyboard operations on the filter UI of the Grid show errors in the browser's console.

Steps to reproduce

  1. Open the filter UI of the igc-grid by clicking the "Filter" button. (The focus will be entered into the filter input box.) https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/cell-editing#angular-grid-cell-editing-and-edit-templates-example (Stackblitz snapshot: https://stackblitz.com/edit/dsjjm3)
  2. Enter Shift + Tab key. (The filter input box lost focus but is still active.)
  3. Enter the Left or Right key. (Important: This seems to be the trigger of the problem I'm reporting in this issue. Pressing any other keys doesn't cause the problem.)

Result

After doing that, you will find there is an error below in the browser's console:

ERROR TypeError: Cannot read properties of undefined (reading 'level')

After once happens that error, any user interaction events, such as keydown, mousemove, etc., cause the same error continuously.

Expected result

No error messages are in the browser's console.

Attachments

movie-002

damyanpetev commented 1 year ago

Same reproduces in Angular where the base issue is. Transferring

damyanpetev commented 1 year ago

Also got a different error locally, though still around header navigation in the service image