How can we avoid CLS?

[Conceptiks]

Hey, I am trying to create a masonry grid without any (or very little) layout shift. Is this possible with svelte-bricks. My current attempts always load a one-column layout which then shifts to adjust for the viewport width. Any tips?

[janosh]

yeah, the layout shift in svelte-bricks is admittedly terrible. it needs JS to compute the number of columns based on the container width. i may be wrong but i think the only way to avoid that is a CSS-only solution (maybe this has become slightly easier now with CSS container queries). or delay rendering altogether until JS is ready. PRs for either of those would be welcome