Skip to content

[Elements] Moving cell editing focus by holding down the Tab key is slow in grid with 300+ cells in view. #16300

@MayaKirova

Description

@MayaKirova

Description

When the data view has many cells the change detection cycles are slow.
The exact number of cells needed to reproduce the delay depends on the machine and its performance, but for me it was somewhat noticeable with 300+ cells in view.

  • igniteui-angular version:
  • browser: any

Steps to reproduce

  1. Run the attached sample:

e2196946-f8d1-4c65-aec6-9225b61ac85f.zip

  1. Zoom out so that you see as many cells as possible. Around the first 10 rows should suffice (33cols x 10rows).
  2. Enter edit mode for the second cell and hit and hold tab to trigger navigation.

Note: Same happens in the angular grid, when there is many cells in the data view. For example, if you enable editing in the dev demo's performance sample and try tabbing, there will also be a noticeable lag.

Result

Navigation is a bit slow to respond. Also when you stop holding tab, it does not stop immediately.

Expected result

It should respond faster (if possible).

Attachments

Attach a sample if available, and screenshots, if applicable.

Metadata

Metadata

Assignees

Labels

🐛 bugAny issue that describes a bug🆕 status: new✅ status: resolvedApplies to issues that have pending PRs resolving them, or PRs that have already merged.

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions