update

dist/base.css

@@ -927,6 +927,9 @@ li.CodeMirror-hint-active {
   cursor: text;
   font-size: 14px;
 }
+.bi-sortable-holder {
+  border: 1px dashed #d4dadd;
+}
 .bi-all-count-pager .all-pager-prev {
   font-size: 16px;
 }

dist/bundle.css

@@ -2973,6 +2973,9 @@ li.CodeMirror-hint-active {
   cursor: text;
   font-size: 14px;
 }
+.bi-sortable-holder {
+  border: 1px dashed #d4dadd;
+}
 .bi-all-count-pager .all-pager-prev {
   font-size: 16px;
 }

dist/bundle.js

@@ -81905,10 +81905,9 @@ BI.SortList = BI.inherit(BI.Widget, {
             placeholder: {
                 element: function ($currentItem) {
                     var holder = BI.createWidget({
-                        type: "bi.label",
+                        type: "bi.layout",
                         cls: "bi-sortable-holder",
-                        width: $currentItem.width() - 2,
-                        height: $currentItem.height() - 2
+                        height: $currentItem.outerHeight() - 2
                     });
                     holder.element.css({
                         "margin-left": $currentItem.css("margin-left"),

dist/case.js

@@ -9449,10 +9449,9 @@ BI.SortList = BI.inherit(BI.Widget, {
             placeholder: {
                 element: function ($currentItem) {
                     var holder = BI.createWidget({
-                        type: "bi.label",
+                        type: "bi.layout",
                         cls: "bi-sortable-holder",
-                        width: $currentItem.width() - 2,
-                        height: $currentItem.height() - 2
+                        height: $currentItem.outerHeight() - 2
                     });
                     holder.element.css({
                         "margin-left": $currentItem.css("margin-left"),

dist/fineui.css

@@ -2973,6 +2973,9 @@ li.CodeMirror-hint-active {
   cursor: text;
   font-size: 14px;
 }
+.bi-sortable-holder {
+  border: 1px dashed #d4dadd;
+}
 .bi-all-count-pager .all-pager-prev {
   font-size: 16px;
 }

dist/fineui.js

@@ -82148,10 +82148,9 @@ BI.SortList = BI.inherit(BI.Widget, {
             placeholder: {
                 element: function ($currentItem) {
                     var holder = BI.createWidget({
-                        type: "bi.label",
+                        type: "bi.layout",
                         cls: "bi-sortable-holder",
-                        width: $currentItem.width() - 2,
-                        height: $currentItem.height() - 2
+                        height: $currentItem.outerHeight() - 2
                     });
                     holder.element.css({
                         "margin-left": $currentItem.css("margin-left"),

src/case/loader/sort.list.js

@@ -65,10 +65,9 @@ BI.SortList = BI.inherit(BI.Widget, {
             placeholder: {
                 element: function ($currentItem) {
                     var holder = BI.createWidget({
-                        type: "bi.label",
+                        type: "bi.layout",
                         cls: "bi-sortable-holder",
-                        width: $currentItem.width() - 2,
-                        height: $currentItem.height() - 2
+                        height: $currentItem.outerHeight() - 2
                     });
                     holder.element.css({
                         "margin-left": $currentItem.css("margin-left"),

src/css/base/loader/sort.css

@@ -0,0 +1,3 @@
+.bi-sortable-holder {
+  border: 1px dashed #d4dadd;
+}