fix: Separate other draggable

bebraw · Oct 25, 2023 · d62ed51 · d62ed51
1 parent 94217a4
commit d62ed51
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -22,7 +22,7 @@ draggableElement && draggable({ element: draggableElement });
 ### Draggable with a specific handle
 
 <div id="draggableParent">
-  <div id="draggable">
+  <div id="draggabletwo">
     <div>Header</div>
     <div>Body</div>
   </div>
@@ -32,7 +32,7 @@ draggableElement && draggable({ element: draggableElement });
 ```typescript
 import { draggable } from "dragjs";
 
-const element = document.getElementById("draggable");
+const element = document.getElementById("draggabletwo");
 const handle = element.children[0];
 
 element && draggable({ element, handle });

diff --git a/assets/css/demo.css b/assets/css/demo.css
@@ -21,6 +21,17 @@
     cursor: move;
 }
 
+#draggabletwo {
+    right: 0;
+    position: absolute;
+    background-color: #ada;
+    border: 1px solid black;
+    width: 100px;
+    height: 100px;
+    text-align: center;
+    cursor: move;
+}
+
 #twodContainer {
     top: 50px;
     left: 50px;