Unanswered

issue with fluent UI Scrollable pane

(0) Share

Report

Posted on by Goutham A

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!!

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (4)

Answers (1)

ScottDurow 1,039 on at

Like (0)

Report

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

Was this reply helpful? Yes No
Goutham A 76 on at

Like (0)

Report

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.

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

Was this reply helpful? Yes No
Verified answer

ScottDurow 1,039 on at

Like (0)

Report

Excellent - that is exactly what you need to raise an issue in the FluentUI git repo - https://github.com/microsoft/fluentui
Once you've posted the issue - let us know the link and we can monitor it's progress!

Was this reply helpful? Yes No
Goutham A 76 on at

Like (1)

Report

Thanks @Scott !!Appreciate your help!!

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

Was this reply helpful? Yes No