在 Chrome 中进行拖动时,可排序的活动项变为不可视

Description While using @dnd-kit/svelte sortable, the active dragged item becomes invisible as soon as dragging starts. Only the currently dragged item disappears. All other sortable items remain visible and continue updating correctly. The drag operation itself works as expected: Drag starts successfully Collision detection works Reordering works The item is dropped in the correct position The issue is only visual: the active dragged item is not rendered while dragging. Environment @dnd-kit/svelte: 0.5.0 @dnd-kit/helpers: 0.5.0 Svelte 5 Vite Chrome 150.0.7871.187 (Stable) Windows Minimal reproduction The issue reproduces with the minimal example from the documentation. App.svelte

{#each items as id, index (id)} {/each}

SortableItem.svelte

Item {id}

Actual behavior The active draggable item becomes invisible immediately after dragging starts. The item remains interactive and is dropped into the correct position, but it is not visible while dragging. In DevTools the dragged element has:

The browser applies the following user-agent rule: [popover]:where(:not(:popover-open)) { display: none; } During dragging: