pnp / pnp/sp-dev-fx-controls-react

FilePicker SiteFilePickerTab issue while scrolling down : picture tiles hiding on select

Open
#1,905 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted type:bug
Dominant language
TypeScript
Stars
433
Forks
418
Avg merge
5d 6m
Merged PRs (30d)
19

Description

Category

[ ] Enhancement

[X] Bug

[ ] Question

Version

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

If you are not using the latest release, please update and see if the issue is resolved before submitting an issue.

Expected / Desired Behavior / Question

I expect to select a library and then scroll throw the images and selct one or more items

Observed Behavior

When using the file picker and selecting the Tab Website and then a library. If the library is large(mine contains 250 images).
If you scroll down and select an image, suddenly the rendered images will be much less(it seems like the component re-render and sows much less elements). If you select again another image then the componentn will re-render and even show images double.
The filepicker doesnt show all documents as well!

Steps to Reproduce

Filepicker -> website->select a relatively large library(a library with over 101 elements)

Thanks!

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the FilePicker SiteFilePickerTab entry point and reproduce the issue with a website library containing more than 101 images, using version 3.19.0. Inspect what happens when selecting an image after scrolling, then select another image. Done means the picker continues to show all documents without hiding or duplicating image tiles.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.