Skip to content

ScrollablePane with DetailsList does not show (virtualized) items #4204

@obiwan007

Description

@obiwan007

Bug Report

  • Package version(s): 5.60.0
  • Browser and OS versions: Chrome, Edge (latest)

Priorities and help requested (not applicable if asking question):

Are you willing to submit a PR to fix? (No)

Requested priority: (Blocking)

Products/sites affected: (if applicable)

Demo App, ScrollablePane Demo,

Describe the issue:

Scrolling down the items list, does not show all items. Instead the list will stay blank after a few top items.
As the DetailsList is virtualizing the dom items it seem that inside the ScrollableView container, the item recycle is not triggered anymore.

Actual behavior:

Not all items are show in the DetailsList.
After a forced redraw of the page (ie. via resizing the browserwindow) the content shows up.

Expected behavior:

All items are show in the DetailsList

If applicable, please provide a codepen repro:

See npm start
demo component page.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions