Noticed a page layout shift/reload that occurs in Clubs and Marketplace applications that use an ipsGrid.

There is a visual flashing/shifting behavior of the grid items.  They seem to default to a certain grid layout and then load the finalized one after that.  Is there a way to correct this so it loads without the flashing/shifting?

 

Example, the Members list:

 

What browser/OS are you using? I am not seeing one on Clubs. 

Firefox, on Windows.

 

Chrome, on Windows.

 

 

Windows 11, FF latest:

 

When loading/reloading the page.

  On 12/27/2022 at 6:40 PM, Jim M said:

What browser/OS are you using? I am not seeing one on Clubs. 

Thanks for the videos @Nathan Explosion and @Adriano Faria

  On 12/27/2022 at 6:26 PM, Clover13 said:

Is there a way to correct this so it loads without the flashing/shifting?

It’s always been this way since 4.0. The various calculations necessary for these grids are done through JavaScript on the front end, so that is what you are seeing. 

But in a recent video, Matt mentioned that these grids will be replaced by modern flex-box functions soon, so that will probably improve things. 

Thank you for the videos. Yes, as mentioned by opentype/Matt, this is currently intended due to the framework and how the system calculates these containers.