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

[Bug]: GroupedList bouncing scrollbar in an infinite loop #32826

Closed
2 tasks done
mihir0 opened this issue Sep 13, 2024 · 2 comments
Closed
2 tasks done

[Bug]: GroupedList bouncing scrollbar in an infinite loop #32826

mihir0 opened this issue Sep 13, 2024 · 2 comments

Comments

@mihir0
Copy link

mihir0 commented Sep 13, 2024

Library

React / v8 (@fluentui/react)

System Info

System:
OS: Microsoft Windows 11 Enterprise, Version 10.0.22631 Build 22631
CPU: AMD EPYC 7763 64-Core Processor
Installed RAM: 64.0 GB

Browser:
Edge: 128.0.2739.63

Are you reporting an Accessibility issue?

no

Reproduction

https://codepen.io/mihirpar_microsoft/pen/ExBrOrX

Bug Description

Description

When fully expanding all of the nested groups in each row of a grouped list, scrolling down to the bottom causing the scroll bar to jump up and down in an infinite loop.

Reproduction

  1. Go to the codepen https://codepen.io/mihirpar_microsoft/pen/ExBrOrX or GroupedList fluent component on the developer docs: https://developer.microsoft.com/en-us/fluentui#/controls/web/groupedlist
  2. Fully expand all of the groups in the list
  3. Click and drag the scroll bar to the bottom of the list

Actual Behavior

The scrollbar quickly jumps up and down, in an infinite loop. View attached screen recording to see this behavior.
https://github.com/user-attachments/assets/e8109b9d-efb6-40fe-be15-d1738b31ce51

Expected Behavior

The scrollbar should remain stationary in the position that it was left in. No bouncing is expected.

Logs

No response

Requested priority

High

Products/sites affected

SharePoint

Are you willing to submit a PR to fix?

no

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.
@spmonahan
Copy link
Contributor

@mihir0 Can you try using GroupedListV2 -- it fixes this specific issue.

Example usage is here: https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/groupedv2

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for your contributions to Fluent UI!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants