Scroll column into view when opening its menu

app/javascript/controllers/collapsible_columns_controller.js

@@ -54,6 +54,12 @@ export default class extends Controller {
     }
   }
 
+  frameColumnOnMobile(event) {
+    if (!this.#isDesktop) {
+      event.currentTarget.scrollIntoView({ behavior: "smooth", inline: "center" })
+    }
+  }
+
   async #restoreColumnsDisablingTransitions() {
     this.#disableTransitions()
     this.#restoreColumns()

app/views/boards/show/_column.html.erb

@@ -4,7 +4,7 @@
     drag_and_strum_target: "container",
     collapsible_columns_target: "column",
     controller: "clicker",
-    action: "turbo:before-stream-render@document->collapsible-columns#restoreState focus->collapsible-columns#focusOnColumn"
+    action: "turbo:before-stream-render@document->collapsible-columns#restoreState focus->collapsible-columns#focusOnColumn dialog:show->collapsible-columns#frameColumnOnMobile"
   } do %>
   <header class="cards__header">
     <%= render "boards/show/menu/column", column: column %>