cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Goutham
Helper II
Helper II

issue with fluent UI Scrollable pane

I have created a custom grid control using Fluent Ui controls. I am using detailed list inside scrollable component with sticky header and footer. 

Issue: When i scroll to the end of the screen using mouse in chrome(all recent versions), I see error with "maximum update depth exceeded" with scrollable component. probably an infinite loop is happening at set state. the issue is happening inside scrollable pane control code(not any custom code). And I see this issue only at 80% screen size(or zoom).It works perfectly fine in all other screen sizes.

 

Appreciate your assistance if anyone have see this or have thoughts around this. Thanks!!

1 ACCEPTED SOLUTION

Accepted Solutions

Excellent - that is exactly what you need to raise an issue in the FluentUI git repo - https://github.com/microsoft/fluentu

Once you've posted the issue - let us know the link and we can monitor it's progress!

View solution in original post

4 REPLIES 4

Can you reproduce this issue outside of your PCF component in codepen?

Yes @ScottDurow , i do- At 80% zoom

 

https://codepen.io/goutham-a/pen/JjRVXOJ

 

I have used example from Fliuent UI and was able to reproduce. Please scroll down to the bottom and keep scrolling down , you will see blank page in output. Please note only at 80% zoom.

 

Goutham_0-1611604045020.png

 

 

when i debug, i see set state being called infinitely for this scrollable component at 80% zoom

Excellent - that is exactly what you need to raise an issue in the FluentUI git repo - https://github.com/microsoft/fluentu

Once you've posted the issue - let us know the link and we can monitor it's progress!

View solution in original post

Thanks @Scott !!Appreciate your help!!

 

Issue created: https://github.com/microsoft/fluentui/issues/16654 

Helpful resources

Announcements
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

Welcome Super Users.jpg

Super User Season 2

Congratulations, the new Super User Season 2 for 2021 has started!

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

Users online (2,474)