angular-ui/ui-grid

Horizontal scrolling makes the page unresponsive in Chrome

Open

#7,177 opened on Sep 27, 2021

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
grid-corehelp wantedseverity: performance

Description

UI gets stuck when I scroll horizontally and makes the page unresponsive in Chrome. I am using 4.10.0 version of UI-Grid. My table has 10 columns and the data is limited to 50 rows per page.

I have already tried setting "columnVirtualizationThreshold: $scope.columns.length", but this didn't resolve the issue. Any help on resolving this is much appreciated.

Contributor guide

Tech stack
angularjavascript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
unclear
Prerequisites
Basic knowledge of AngularJSFamiliarity with UI Grid
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
25
Research direction
Investigate the scrolling behavior in UI Grid's core library, particularly the grid scrolling and virtualization logic. Look at files like 'grid.js' or 'ui grid scroll.js' in the source code. The issue mentions a horizontal scroll freeze; check if it's related to column virtualization thresholds. There is no linked PR or maintainer response, so the fix may require reproducing the bug in Chrome and analyzing the event handling. Consider if the issue is caused by a known Chrome bug or UI Grid's repaint logic.
Horizontal scrolling makes the page unresponsive in Chrome · angular-ui/ui-grid#7177 | Good First Issue