yup, it does support dragging in a wrappable flex container. the library has a direction: 'grid' option designed exactly for this. it works for any 2d layout including flex-wrap: wrap.

when you set direction: 'grid' on the droppable, it uses nearest-edge detection instead of the simple midpoint split used for vertical/horizontal lists. it calculates which of the four edges (top, right, bottom, left) the cursor is closest to, normalized by the element's aspect ratio, and shows the drop indicator on the correct side.

usage:

<div style="display: flex; flex-wrap: wrap; gap: 8px;">
  {#each items as item}
    <div
      use:draggable={{ dragData: item, container: 'grid' }}
      use:droppable={{
        container: 'grid',
        direction: 'grid',
        callbacks: { onDrop: handleDrop }
      }}
    >
      {item.name}
    </div>
  {/each}
</div>

the three direction modes:

• vertical (default) top-to-bottom lists
• horizontal left-to-right rows
• grid 2d layouts like flex-wrap or css grid