diff --git a/packages/kanban/src/components/Kanban.svelte b/packages/kanban/src/components/Kanban.svelte index 256f668427..6a19f658c1 100644 --- a/packages/kanban/src/components/Kanban.svelte +++ b/packages/kanban/src/components/Kanban.svelte @@ -13,16 +13,33 @@ // limitations under the License. --> -{#each limitedObjects as object, i (object._id)} - {@const dragged = isDragging && object._id === dragCard?._id} - -
{ - cardDragOver(evt, object) - }} - on:drop|preventDefault={(evt) => { - cardDrop(evt, object) - }} - > +{#each stateObjects as objectRef, i (objectRef._id)} + {@const dragged = isDragging && objectRef._id === dragCard?._id} + {@const object = limitedObjects.get(objectRef._id) ?? (objectRef._id === dragCard?._id ? dragCard : undefined)} + {#if object !== undefined} +
dispatch('obj-focus', object))} - on:mouseenter={mouseAttractor(() => dispatch('obj-focus', object))} - on:focus={() => {}} - on:contextmenu={(evt) => { - showMenu(evt, object) + bind:this={stateRefs[i]} + transition:slideD|local={{ isDragging }} + class="p-1 flex-no-shrink border-radius-1 clear-mins" + on:dragover|preventDefault={(evt) => { + cardDragOver(evt, object) }} - draggable={true} - class:draggable={true} - on:dragstart - on:dragend - class:dragged - on:dragstart={() => { - onDragStart(object, state) - }} - on:dragend={() => { - isDragging = false + on:drop|preventDefault={(evt) => { + cardDrop(evt, object) }} > - - - +
dispatch('obj-focus', object))} + on:mouseenter={mouseAttractor(() => dispatch('obj-focus', object))} + on:focus={() => {}} + on:contextmenu={(evt) => { + showMenu(evt, object) + }} + draggable={true} + class:draggable={true} + on:dragstart + on:dragend + class:dragged + on:dragstart={() => { + onDragStart(object, state) + }} + on:dragend={() => { + isDragging = false + }} + > + + + +
-
+ {/if} {/each} -{#if stateObjects.length > limitedObjects.length} +{#if stateObjects.length > limitedObjects.size + (isDragging ? 1 : 0)}
- {limitedObjects.length} / {stateObjects.length} + {limitedObjects.size} / {stateObjects.length}