SAK-49955 Site Info tool reordering UX regressions (sakaiproject#12569)

Co-authored-by: Sam Ottenhoff <[email protected]>
chenxingqiang · May 6, 2024 · cfd02f1 · cfd02f1
1 parent cff7e74
commit cfd02f1
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/site-manage/pageorder/tool/src/webapp/content/js/orderUtil.js b/site-manage/pageorder/tool/src/webapp/content/js/orderUtil.js
@@ -15,6 +15,16 @@ toolOrder.handleKeyboardSort = (sortableId, direction) => {
   }
 
   toolOrder.sortable.sort(order, true)
+
+  // re-focus on the element
+  document.getElementById('content::page-row:' + sortableId + ':').focus();
+  let element = document.getElementById('content::page-row:' + sortableId + ':');
+  if (element) {
+    element.focus();
+  }
+  else {
+    console.debug("Element with ID 'content::page-row:" + sortableId + ":' does not exist");
+  }
 };
 
 var serializationChanged = new Boolean(false);
@@ -28,7 +38,8 @@ $(document).ready(function(){
 	});
 
 	const list = document.getElementById("reorder-list");
-  list && (toolOrder.sortable = Sortable.create(list, { dataIdAttr: "data-sortable-id" }));
+  list && (toolOrder.sortable = Sortable.create(list, {
+    dataIdAttr: "data-sortable-id", scrollSensitivity: 100, forceFallback: true, scroll: true, bubbleScroll: true}));
 
   list.querySelectorAll("li").forEach(li => {