[6.x] Various drag & drop fixes (#14219)

Author: duncanmcclean

resources/js/components/fieldtypes/bard/Set.vue

@@ -23,7 +23,9 @@
                     'bg-gray-200/50 dark:bg-gray-950/35 rounded-b-none border-b-gray-300! dark:border-b-white/10!': !collapsed
                 }"
             >
-                <Icon data-drag-handle name="handles" class="size-4 cursor-grab text-gray-400" v-if="!isReadOnly" />
+                <span v-if="!isReadOnly" draggable="true" data-drag-handle class="flex cursor-grab">
+                    <Icon name="handles" class="size-4 text-gray-400" />
+                </span>
                 <button type="button" class="show-focus-within_target flex flex-1 items-center gap-4 p-2 min-w-0 focus:outline-none cursor-pointer" @click="toggleCollapsedState">
                     <Badge size="lg" :pill="true" color="white" class="px-3">
                         <span v-if="isSetGroupVisible" class="flex items-center gap-2">

resources/js/components/inputs/relationship/RelationshipInput.vue

@@ -286,6 +286,14 @@ export default {
             if (this.initializing) return;
             this.$emit('item-data-updated', data);
         },
+
+        items(items, oldItems) {
+            if (items.length > 0 && oldItems.length === 0) {
+                if (this.canReorder) {
+                    this.$nextTick(() => this.makeSortable());
+                }
+            }
+        },
     },
 
     methods: {