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 %>
<%= render "boards/show/not_now", board: board %>
diff --git a/app/views/my/_menu.html.erb b/app/views/my/_menu.html.erb index fe4336fec..2b5c1d0ea 100644 --- a/app/views/my/_menu.html.erb +++ b/app/views/my/_menu.html.erb @@ -2,7 +2,7 @@ data-controller="dialog" data-action="keydown.esc->dialog#close click@document->dialog#closeOnClickOutside mouseenter->dialog#loadLazyFrames"> <%= tag.button class:"nav__trigger input input--select center flex-inline align-center txt-normal", data: { - action: "click->dialog#open:stop keydown.j@document->hotkey#click keydown.meta+j@document->hotkey#click keydown.ctrl+j@document->hotkey#click", + action: "click->dialog#open keydown.j@document->hotkey#click keydown.meta+j@document->hotkey#click keydown.ctrl+j@document->hotkey#click", controller: "hotkey" } do %> <%= image_tag "logo.png" %>