make box orig. position translucent while dragging

2022-04-08 00:19:30 -05:00
parent fd285a40c0
commit 79a4816994
1 changed files with 3 additions and 0 deletions
@@ -171,6 +171,8 @@ function App() {
  const handleDragStartBox = (dragSource, event) => {
    setDragSource(dragSource);
    setDragSourceElement(event.currentTarget);
+    event.currentTarget.style.opacity = 0.3;
+    event.dataTransfer.setDragImage(event.currentTarget,0,0);
    event.dataTransfer.dropEffect = 'move';
  }
  const handleDragOverBox = (event) => {
@@ -182,6 +184,7 @@ function App() {

    const sourceElement = dragSourceElement;
    const targetElement = event.currentTarget;
+    sourceElement.style.opacity = 1;

    const elements = [...event.currentTarget.parentElement.children];
    const targetIndex = elements.indexOf(targetElement);