Skip to content

DetailsList - nested groups: rendering issue #20825

@raphaelstary

Description

@raphaelstary

Environment Information

  • Package version(s): 8.44.0
  • Browser and OS versions: (fill this out if relevant)

Please provide a reproduction of the bug in a codepen:

Actual behavior:

https://codepen.io/reactraphael/pen/abLoeGR

  1. open the codepen
  2. scroll at once to the bottom of the DetailsList
  3. DetailsList becomes unusable: flickering, expanding and shrinking, while failing to display items

When you scroll to the bottom of a large DetailsList with nested groups
the list becomes unusable and doesn't show items anymore.
If you scroll down slowly all items from a child group will be shown, but after the last item there is a white block, and the next group will not get rendered/shown.

You can observe the same issue
(scrolling to the bottom of the list => list flashing/flickering/expanding/shrinking loop)
with the first GroupedList example from the docs https://developer.microsoft.com/en-us/fluentui#/controls/web/groupedlist

Expected behavior:

A DetailsList with nested groups should just work like the docs example "DetailsList - Large Grouped":
https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/largegrouped

Priorities and help requested:

Are you willing to submit a PR to fix? No

Requested priority: High

Products/sites affected: (if applicable)

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions