Make drop on root work

owncloud · May 26, 2023 · 6625b78 · 6625b78
1 parent 4c4d72a
commit 6625b78
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/design-system/src/components/OcBreadcrumb/OcBreadcrumb.vue b/packages/design-system/src/components/OcBreadcrumb/OcBreadcrumb.vue
@@ -19,7 +19,7 @@
         @dragenter.prevent="dropItemStyling(index, false, $event)"
         @dragleave.prevent="dropItemStyling(index, true, $event)"
         @mouseleave="dropItemStyling(index, true, $event)"
-        @drop="dropItemEvent(item.to)"
+        @drop="dropItemEvent(item.to, index)"
       >
         <router-link v-if="item.to" :aria-current="getAriaCurrent(index)" :to="item.to">
           <span>{{ item.text }}</span>
@@ -174,7 +174,11 @@ export default defineComponent({
       event.preventDefault()
     }
 
-    const dropItemEvent = (item) => {
+    const dropItemEvent = (item, index) => {
+      if (index === unref(displayItems).length - 1) {
+        return
+      }
+      item.path = item.path ? item.path : '/'
       emit(EVENT_ITEM_DROPPED_BREADCRUMB, item)
     }
 
@@ -266,6 +270,9 @@ export default defineComponent({
     }
 
     const dropItemStyling = (key, leaving, event) => {
+      if (key === unref(displayItems).length - 1) {
+        return
+      }
       const hasFilePayload = (event.dataTransfer?.types || []).some((e) => e === 'Files')
       if (hasFilePayload) return
       if (event.currentTarget?.contains(event.relatedTarget)) {