I love flex repeaters, but I'm looking for a way to force the wrap to happen every X number of instances, rather than based on view width. In this particular case, I'm building a dynamic "calendar", so I want to wrap at 7, regardless of the window size.
I can't find this anywhere, so I'm guessing it just isn't there. Or am I just missing it.
My understanding of wrap is that it's just the CSS doing the work.
Lets say your cards/embeds are 100px wide and you want them to wrap after 7, you can contain the flex repeater within another flexbox and set the width to something like 750px and grow=0 to essentially force a wrap by constraining the width of the flex repeater.
Yeah, that's basically what I'm doing now. But it requires everything to be forced to a size rather than taking full advantage of flex sizing. And if I tweak the size of something, I've gotta go and spread that tweak to the related parents.
The current stuff works for things where you don't care about the exact layout, but it'd be nice to be able to have the # method as well. Which I believe exists in the underlying CSS.
Assuming this is the underlying stuff, which it appears "auto-fill" is the current value being used. Seems like it just needs another parameter enabled to allow auto-fill to also be a number.
You can probably set the elementPosition.basis to 14% (100/7). Might need to adjust for padding/margin though.
You might be able to achieve this using css grid-template-columns
I'm assuming that is the underlying CSS flex repeaters use. I'd rather just have the flex repeater fully support the count property of it...