Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] List with distance prop will allow dragging item from any position #163

Open
vinchilive opened this issue Mar 13, 2022 · 0 comments
Open

Comments

@vinchilive
Copy link

Steps:

  1. set distance="1"
  2. click on the item
  3. move mouse to another position and start dragging
2022-03-14.01.25.49.mp4
<template>
  <div class="flex gap-2 m-4">
    <SlickList
      class="w-32 flex flex-col gap-2"
      helper-class="bg-opacity-70"
      v-model:list="list"
      :distance="1"
    >
      <SlickItem
        class="p-2 bg-blue-500 text-white"
        v-for="(item, index) of list"
        :key="item"
        :index="index"
        >{{ item }}</SlickItem
      >
    </SlickList>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { SlickList, SlickItem } from 'vue-slicksort';

const list = ref([1, 2, 3]);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant