Grid becomes balnk for certain resolution on scroll
manishasn161 opened this issue · comments
I observed that with certain resolutions, on scroll grid turns blank. I have to make use of Refresh button to make data in grid to appear again. Is it a know issue and any fix available for it?
A few questions
- Is this within Canvas or Model App?
- If Model App is it on full size grid or Subgrid?
- Could you provide a screenshot?
I can see issue happening with standalone PCF control as well.
I can see the grid going blank on scrolling when resolution is 50%. when the resolution is above or below 50% it seems to work fine.
In screenshot I have reduced component container height to 150, so that scroll bar starts appearing.
I have attached two screenshots, 1st one before scrolling and second one after performing scroll.
Thank you for providing the details. It appears the issue has to do with the sticky footer. Looking through the MS tickets for Fluent UI I believe the still have some bugs out related to it. I have gone ahead and moved the footer outside of the details list. It will now be in a separate div outside of the details list.
I tested this in Chrome and Edge Chromium for Model (grid), Model (subgrid), and Canvas.
Thanks to @scottdurow for positing this article on PCF DetailList Layout. Made this a lot faster to fix.
https://community.dynamics.com/crm/b/develop1/posts/pcf-detailslist-layout-with-fluent-ui-and-sticky