dndzone: the inputbox is draggable and will cause the dropdown break

[stevenyh3]

As you can see, the input box is draggable and will cause the multiselection break.
Also, is it possible to passing in a custom event to check when finish dragging & drop the element in the dndzone? Such as on:drop, on: on:finalize.
Tks a lot!

[stevenyh3]

Also can the outline style when dragging elements being removed?
The demo here can see that when dragging the elements, the style of dragging elements will be changed.

[firtrfl]

Hi @mskocik and thanks for this amazing library. I have observed another bug. I am not exactly sure if it is the same as the one described above. But the problem is, that the "placeholder" text can be also dragged, but if that happens there is an error an you need to reload the window to be able to drag again the items.

I have fixed this locally by a small hack in src/components/Control.svelte where I set dragDisabled: true if the length of the selectedOptions is less than 1:

  // prevent dragging if there are no selected items
  // to solve the bug when trying to drag an empty selection
  $: dragDisabled = selectedOptions.length < 1;
</script>

<div
  class="sv-control"
  class:is-active={$hasFocus}
  class:is-disabled={disabled}
  on:mousedown|preventDefault
  on:click|preventDefault={focusControl}
>
  <slot name="icon" />
  <!-- selection & input -->
  <div
    class="sv-content sv-input-row"
    class:has-multiSelection={multiple}
    use:dndzone={{
      items: selectedOptions,
      flipDurationMs,
      type: inputId,
      dragDisabled: dragDisabled,
    }}
    on:consider
    on:finalize
  >

This is probably not the best way of doing it but I just thought I would share.

[mskocik]

This is issue in svelte-dnd-action. Related issue isaacHagoel/svelte-dnd-action#452.

However in current master and therefore in upcoming v4 it will be fixed.