How to use virtua with flex flex-wrap?

[remusris]

Whenever I try using virtua inside of a flex flex-wrap container it fails to render anything

below is the code

<div className="flex max-h-64 flex-wrap gap-2 overflow-y-auto py-0.5">
          <VList
            count={filteredMemoryMaps.length}
            style={{ height: "100%", width: "100%" }}
          >
            {filteredMemoryMaps.map((memoryMap) => (
              <HoverMenuMemoryMap
                key={memoryMap.id}
                memoryMapName={memoryMap.name}
                onClick={() =>
                  handleLinkNewMemoryMap({
                    memoryMapId: memoryMap.id,
                    memoryMapName: memoryMap.name,
                  })
                }
              />
            ))}
          </VList>
        </div>

the memoryMap just has a name and id property

How can I customize virtua so that this can work?

[inokawa]

Do you mean you want a virtualization like https://github.com/jamiebuilds/react-gridlist ?
If so, it's not officially supported and it may be addressed in #124 in the future.

[inokawa]

Stacked grid like layout will be supported in #281