Unable to select text when using drag handles

[xergic]

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)