work for the #5328

surveyjs · Jun 1, 2023 · cb857c5 · cb857c5
1 parent da78b6e
commit cb857c5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/common-styles/sv-ranking.scss b/src/common-styles/sv-ranking.scss
@@ -82,7 +82,7 @@
   font-weight: 600;
   margin-left: calcSize(0);
 
-  &.sv-ranking-item__index--empty:empty {
+  &:empty {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC");
     background-position: center;
     background-repeat: no-repeat;
@@ -202,11 +202,16 @@
 
 .sv-ranking__containers-divider {
   border: 1px solid black;
-  width: 100%; 
+  width: 100%;
   margin: 20px 0;
 }
 
 .sv-ranking__to-container {
   min-height: 100px;
   border: 1px solid tomato;
+}
+
+.sv-ranking__from-container {
+  min-height: 100px;
+  border: 1px solid gold;
 }
diff --git a/src/dragdrop/ranking-select-to-rank.ts b/src/dragdrop/ranking-select-to-rank.ts
@@ -5,9 +5,14 @@ export class DragDropRankingSelectToRank extends DragDropRankingChoices {
   protected findDropTargetNodeByDragOverNode(
     dragOverNode: HTMLElement
   ): HTMLElement {
+    if (dragOverNode.dataset.ranking === "from-container" || dragOverNode.dataset.ranking === "to-container") {
+      return dragOverNode;
+    }
+
     if (this.parentElement.isEmpty()) {
-      const toContainer: HTMLElement = dragOverNode.closest("[data-ranking='to-container']");
-      const fromContainer: HTMLElement = dragOverNode.closest("[data-ranking='from-container']");
+      let toContainer: HTMLElement = dragOverNode.closest("[data-ranking='to-container']");
+      let fromContainer: HTMLElement = dragOverNode.closest("[data-ranking='from-container']");
+
       if (!!toContainer) {
         return toContainer;
       } else if (!!fromContainer) {