diff --git a/app/javascript/controllers/navigable_list_controller.js b/app/javascript/controllers/navigable_list_controller.js index 11c0b1b73..fe5fca86c 100644 --- a/app/javascript/controllers/navigable_list_controller.js +++ b/app/javascript/controllers/navigable_list_controller.js @@ -60,6 +60,14 @@ export default class extends Controller { this.#setCurrentFrom(this.#visibleItems[this.#visibleItems.length - 1]) } + deselectWhenClickingOutside(event) { + if (this.element.contains(event.target)) { + return + } + + this.#clearSelection() + } + // Public async selectItem(item, skipFocus = false) { diff --git a/app/views/boards/show/_columns.html.erb b/app/views/boards/show/_columns.html.erb index 172730dd0..a7f8502e3 100644 --- a/app/views/boards/show/_columns.html.erb +++ b/app/views/boards/show/_columns.html.erb @@ -16,7 +16,8 @@ dragover->drag-and-drop#dragOver dragenter->drag-and-strum#dragEnter drop->drag-and-drop#drop - dragend->drag-and-drop#dragEnd" } do %> + dragend->drag-and-drop#dragEnd + click@document->navigable-list#deselectWhenClickingOutside" } do %>