Clover13 Posted December 27, 2022 Posted December 27, 2022 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: Adriano Faria 1
Jim M Posted December 27, 2022 Posted December 27, 2022 What browser/OS are you using? I am not seeing one on Clubs.
Nathan Explosion Posted December 27, 2022 Posted December 27, 2022 Firefox, on Windows. Typography - Invision Community — Mozilla Firefox 2022-12-27 18-49-28.mp4 Chrome, on Windows. Typography - Invision Community - Google Chrome 2022-12-27 18-50-29.mp4 Clover13 and Adriano Faria 2
Adriano Faria Posted December 27, 2022 Posted December 27, 2022 Windows 11, FF latest: When loading/reloading the page. Clover13 1
Clover13 Posted December 27, 2022 Author Posted December 27, 2022 27 minutes ago, 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
opentype Posted December 27, 2022 Posted December 27, 2022 57 minutes ago, 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. Clover13 1
Jim M Posted December 27, 2022 Posted December 27, 2022 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. Clover13 1
Recommended Posts