Missing drag-n-drop visual states for s2/CardView

[bstro]

Starting this as a discussion because i'm not sure if this is an actual bug or if I've just not configured my CardView correctly;

I'm using CardView and passed useDragAndDropHooks to my CardView component...

const { dragAndDropHooks } = useDragAndDrop({
  getItems: (keys) => {
    const val = [...keys].map((key) => ({
      "text/plain": list.getItem(key)?.id!,
    }));
    return val;
  },

  onReorder(e) {
    if (e.target.dropPosition === "before") {
      list.moveBefore(e.target.key, e.keys);
    } else if (e.target.dropPosition === "after") {
      list.moveAfter(e.target.key, e.keys);
    }
    incrementOrderChanged();
  },
});

and

<CardView
  styles={style({
    width: "full",
    height: "full",
  })}
  aria-label={`Change image order for piece: ${pieceTitle}`}
  density="compact"
  dependencies={[list.items]}
  dragAndDropHooks={dragAndDropHooks}
  id="CardView"
  items={list.items}
  selectionMode="none"
  size="S"
  variant="quiet"
>
  {(props) => {
    if (!props.id) throw new Error("Expected id");
    return (
      <DetailCard
        hideCaptions
        type={mediaType}
        key={`reorder-media-card-${props.id}`}
        imageId={props.id}
      />
    );
  }}
</CardView>

but I'm not seeing any visual treatment for the drag/drop interactions (see screen recording). I'd really like some kind of drag preview and drop indicator, or a clear path to adding/styling them as exists for other Spectrum collection components. Am I missing something?

Screencast.From.2025-06-28.13-23-55.mp4

Thanks!

[devongovett]

DnD is not yet implemented in Spectrum's CardView. I guess dragAndDropHooks is getting passed through to React Aria GridList but no styling has been added yet.