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

VirtualScroller scrolling is jarring when itemSize is changed #2216

Open
bgoscinski opened this issue Feb 25, 2022 · 2 comments
Open

VirtualScroller scrolling is jarring when itemSize is changed #2216

bgoscinski opened this issue Feb 25, 2022 · 2 comments
Labels
Resolution: Help Wanted Issue or pull request requires extra help and feedback
Milestone

Comments

@bgoscinski
Copy link
Contributor

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primevue/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=110

CodeSandbox Case (Bug Reports)
https://codesandbox.io/s/zen-shamir-5o79w3?file=/src/VirtualScrollerDemo.vue

Current behavior
After a change to itemSize scrolling is jarring.

Expected behavior
After a change to itemSize scrolling is smooth.

Minimal reproduction of the problem with instructions

  1. Create any VirtualScroller, let it initialize
  2. Scroll it, observe scrolling is smooth and scrollbar doesn't jump (good)
  3. After VirtualScroller initializes change itemSize binding to different value
  4. Scroll it, observe scrolling is jarring - scrollbar jumps back (bad)

scrolll

What is the motivation / use case for changing the behavior?
Good UX

Please tell us about your environment:
Windows 10, latest Chrome and Brave

  • Vue version: 3.2.31
  • PrimeVue version: 3.12.0
  • Browser: reproduced on Chrome and Brave, didn't check others
@tugcekucukoglu tugcekucukoglu added the Status: Pending Review Issue or pull request is being reviewed by Core Team label Mar 1, 2022
@bgoscinski
Copy link
Contributor Author

The bug is still reproducible on PrimeVue 3.15.0

@mertsincan mertsincan added Resolution: Help Wanted Issue or pull request requires extra help and feedback and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Dec 27, 2024
@mertsincan mertsincan added this to the Future milestone Dec 27, 2024
@github-project-automation github-project-automation bot moved this to Review in PrimeVue Dec 27, 2024
Copy link

Due to PrimeTek's demanding roadmap for PrimeVue and the limited bandwidth of the core team, 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

3 participants