positionedClass -> installedClass

app/javascript/controllers/divider_controller.js

@@ -5,7 +5,7 @@ const DIVIDER_ITEM_NODE_NAME = "LI"
 
 export default class extends Controller {
   static targets = [ "divider", "dragImage", "count" ]
-  static classes = [ "positioned" ]
+  static classes = [ "installed" ]
   static values = { startCount: Number, maxCount: Number }
 
   connect() {
@@ -14,7 +14,7 @@ export default class extends Controller {
 
   install() {
     this.#moveDividerTo(this.startCountValue)
-    this.dividerTarget.classList.add(this.positionedClass)
+    this.dividerTarget.classList.add(this.installedClass)
   }
 
   configureDrag(event) {
@@ -25,6 +25,12 @@ export default class extends Controller {
     }
   }
 
+  acceptDrop(event) {
+    if (event.dataTransfer.types.includes(MOVE_ITEM_DATA_TYPE)) {
+      event.preventDefault()
+    }
+  }
+
   moveDivider({ target }) {
     if (target.nodeName == DIVIDER_ITEM_NODE_NAME) {
       this.#moveDividerTo(this.#items.indexOf(target))
@@ -35,11 +41,6 @@ export default class extends Controller {
     // TODO
   }
 
-  acceptDrop(event) {
-    const isDroppable = event.dataTransfer.types.includes(MOVE_ITEM_DATA_TYPE)
-    if (isDroppable) event.preventDefault()
-  }
-
   #moveDividerTo(index) {
     if (index <= this.maxCountValue) {
       if (this.#dividerIndex < index) {