Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Table With Virtual Scroll and Multiple Frozen Columns - Scroller Unstable #16223

Open
jcosgravebdo opened this issue Aug 13, 2024 · 1 comment
Labels
Resolution: Help Wanted Issue or pull request requires extra help and feedback
Milestone

Comments

@jcosgravebdo
Copy link

Describe the bug

When virtual scroll is enabled on a p-table and multiple columns use pFrozenColumn, vertical scroll becomes unstable and will jump around automatically upon scrolling down and then back up.

Environment

Angular 18.1.0 application

Reproducer

https://stackblitz.com/edit/stackblitz-starters-yhh7be?file=package.json

Angular version

18.1.0

PrimeNG version

17.18.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.14.0

Browser(s)

No response

Steps to reproduce the behavior

  1. Go to https://stackblitz.com/edit/stackblitz-starters-yhh7be?file=package.json
  2. Scroll the top table (Broken Scroller) to the bottom and then try to scroll back up.
    2.1. You will either be blocked completely from scrolling or the scroller will jump around
  3. Scroll the bottom table (Working Scroller) to the bottom and then try to scroll back up.
    3.1 This works as expected

Expected behavior

Both tables should scroll without jumping. 1 frozen column + virtual scroll works, but when adding 2 or more frozen columns + virtual scroll, the scrolling behavior is unstable and unusable.

@jcosgravebdo jcosgravebdo added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Aug 13, 2024
@mertsincan mertsincan added Resolution: Help Wanted Issue or pull request requires extra help and feedback and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Dec 16, 2024
@mertsincan mertsincan added this to the 17.x milestone Dec 16, 2024
@github-project-automation github-project-automation bot moved this to Review in PrimeNG Dec 16, 2024
Copy link

Due to PrimeNG team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Resolution: Help Wanted Issue or pull request requires extra help and feedback
Projects
Status: Review
Development

No branches or pull requests

2 participants