added changelog & PR fixes

owncloud · Nov 3, 2021 · 4d2f731 · 4d2f731
1 parent ad04922
commit 4d2f731
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/changelog/unreleased/enhancement-add-drag-drop-ghost b/changelog/unreleased/enhancement-add-drag-drop-ghost
@@ -0,0 +1,7 @@
+Enhancement: Add Ghost Element for Drag & Drop
+
+We've added a custom ghost element for the drag&drop functionality in the OcTableFiles to
+better visualize the action to the user.
+
+https://github.com/owncloud/web/issues/5788
+https://github.com/owncloud/owncloud-design-system/pull/1754
diff --git a/src/components/molecules/OcTable/GhostElement/GhostElement.vue b/src/components/molecules/OcTable/GhostElement/GhostElement.vue
@@ -6,6 +6,10 @@
 </template>
 
 <script>
+/**
+ * Please head to the OcTableFiles component (https://owncloud.design/#/oC%20Components/OcTableFiles) for a demo of the Ghost Element.
+ */
+
 export default {
   name: "GhostElement",
   props: {
@@ -52,7 +56,3 @@ export default {
   }
 }
 </style>
-
-<docs>
-
-</docs>
diff --git a/src/components/molecules/OcTable/OcTable.vue b/src/components/molecules/OcTable/OcTable.vue
@@ -260,7 +260,7 @@ export default {
       event.target.style.cursor = "move"
     },
     setGhostElement(file, event) {
-      const selection = this.selection
+      const selection = [...this.selection]
       selection.splice(
         selection.findIndex(function (i) {
           return i.id === file.id
@@ -292,8 +292,6 @@ export default {
       const dropTarget = event.target
       const dropTargetTr = dropTarget.closest("tr")
       const dropFileId = dropTargetTr.dataset.fileId
-
-      event.target.style.cursor = "default"
       this.dropRowStyling(id, true, event)
       this.$emit(EVENT_FILE_DROPPED, dropFileId)
     },