FilePicker - recent tab empty until re-render

[c-eiser13]

Category

[ ] Enhancement

[ x] Bug

[ ] Question

Version

Please specify what version of the library you are using: [ 1.13.0 ]

Expected / Desired Behavior / Question

When the file picker opens and defaults to the recent tab, should show results.

Observed Behavior

When the file picker opens and defaults to the recent tab, nothing is shown until a re-render. I can resize the page, or navigate to a different tab, stock images for example, then back to Recent and content is shown correctly. Initial load:

After resizing the page and a re-render:

In debugging the project, looks like the issue is in the _getItemCountForPage method when trying to set the column width, the surfaceRect.width prop is 0, so the width is not set correctly until a re-render.

I've added some default values for columnCount and columnWidth when the surfaceRect.width is 0 and this solves the issue, I just do not work with the Fluent List control much so not sure this is the best solution.

I will create a PR with this change for review.

Steps to Reproduce

I was able to debug the project and repro by testing in the ControlsTest web part that is part of the project. Open the file picker when defaulting to the Recent tab and notice there are no results.

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[joelfmrodrigues]

New release just published, closing