-
Notifications
You must be signed in to change notification settings - Fork 380
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
ListView Control Sticky Header scrolling issue #734
Comments
Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible. |
Hi @ragu64 I try with 100 items and was not able to retrieve this error, this only happens in the filter or when you list all? |
I have three fields (as you can see in attached image), it's happen always. |
Did you try to load all in the sticky header without the append 10 random items and happen the same error? |
Same error. I think is SharePoint Online effect in local (non SPO) it's works fine. |
This is my react component used in my spfx test webpart: |
Hi @ragu64, I can't repro your issue. I used your code to create a web part and it behaves correctly: |
Could you try beta version of the library? |
Hi, with more than 80 items the issue recurs |
In beta version the stickyHeader property is disappered. |
@ragu64 - I just double-checked, the property is still there. |
You are right, the property stickyHeader is still there, sorry. this is the version in my package.json: |
Ok i found the issue, The List View uses the DetailsList and this one uses lazy loading "Load Content by blocks of 100 or around that" only when default vertical scroll "From Page" the content of ListView is refresh by blocks. The fixe-header doesn't activate the Page scroll and cannot refresh because header is fix only by scroll. I will try to see if the refresh block can be call when scroll with fix header to get the content of that block. |
@aaclage - what if we go back to the implementation with ScrollablePane? |
@AJIXuMuK |
@AJIXuMuK |
@AJIXuMuK PR create with the revert to ScrollablePane. |
Thank you @aaclage! In a meanwhile you can test the functionality in beta version |
Thank you guys, now ListView stickyHeader={true} in PnP Controls 2.3.0-beta, works fine! |
Category
[ ] Enhancement
[X] Bug
[ ] Question
Version
Please specify what version of the library you are using: [2.1.0]
Expected / Desired Behavior / Question
With sticky header feature enable in the PnP ListView control with more 80 items, scrolling items missing (large blank zone). It's seems a render problem (on Chrome browser press F12 twice, the missing items magically reappears).
Thanks!
![PnPJS Issue 734](https://user-images.githubusercontent.com/715870/99415378-05d86400-28f8-11eb-9ab7-dddb5510e692.png)
The text was updated successfully, but these errors were encountered: