Open
Description
When using drag handles I'd expect the text inside an element (tape name in example below) to be selectable, but it's not.
<script setup lang="ts">
import { useDragAndDrop } from '@formkit/drag-and-drop/vue';
const [parent, tapes] = useDragAndDrop(
[
'Depeche Mode',
'Duran Duran',
'Pet Shop Boys',
'Kraftwerk',
'Tears for Fears',
'Spandau Ballet',
],
{ dragHandle: '.drag-handle' }
);
</script>
<template>
<ul ref="parent">
<li v-for="tape in tapes" :key="tape" class="cassette">
<span class="drag-handle">::</span>
<span>{{ tape }}</span>
</li>
</ul>
</template>Reproduction link: https://stackblitz.com/edit/vitejs-vite-adtpwqwq?file=src%2FApp.vue&terminal=dev (using v0.4.1)
Metadata
Metadata
Assignees
Labels
No labels