primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
10.58k stars 4.61k forks source link

Table: Multiple selection with CTRL and mouse click in a table with with Editable cells lagging if a large number of rows and column are present #15142

Open fraras opened 8 months ago

fraras commented 8 months ago

Describe the bug

When the user tries to select multiple columns with the CTRL Key and the mouse click the application starts to lag and freezes for several seconds (with more columns the freeze time is longer) This doesn't happen in those cases:

Environment

localhost Angular app

Reproducer

https://stackblitz.com/edit/github-fsqmbr-j5e2z6?file=src%2Fapp%2Fapp.component.ts

Angular version

17.3.1

PrimeNG version

17.11.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.19.0

Browser(s)

Microsoft Edge Version 122.0.2365.92 (Official Build) (64 bit)

Steps to reproduce the behavior

  1. Select multiple Rows with CTRL key and left click of the mouse

Expected behavior

The user should be able to select the rows without lag or freeze of the application.

fraras commented 8 months ago

I noticed that if I select only using the keyboard with ctrl and enter and then I continue usining ctrl + left mouse click the table is behaving normally without any lags until I release and press again the ctrl key

mike-g4llo commented 8 months ago

I noticed that if I select only using the keyboard with ctrl and enter and then I continue usining ctrl + left mouse click the table is behaving normally without any lags until I release and press again the ctrl key

I experienced exactly the same behaviour!