Send keeps the keyboard up

Tapping the send button moved focus off the textarea on iOS (keyboard slides
away), then reset-on-success refocused it (keyboard slides back) — a full
hide/show bounce per send. keepFocus prevents the default on the button's
pointerdown/mousedown, which stops the focus shift without cancelling the
click that submits.

Author: rameerez

app/javascript/chats/composer_controller.js

@@ -36,6 +36,17 @@ export default class extends Controller {
     this.pingTyping()
   }
 
+  // Wired to the send button's pointerdown/mousedown: preventing the default
+  // there stops the tap from moving focus OFF the textarea — without it, iOS
+  // blurs the input (keyboard slides away), the submit completes, and the
+  // reset-on-success refocus brings the keyboard right back: a full
+  // hide/show bounce on every send. Click is NOT cancelled by a prevented
+  // pointerdown, so the form still submits normally.
+  // https://developer.mozilla.org/en-US/docs/Web/API/Element/pointerdown_event
+  keepFocus(event) {
+    event.preventDefault()
+  }
+
   enterSend(event) {
     if (event.shiftKey || event.isComposing) return
     if (!window.matchMedia("(pointer: fine)").matches) return

app/views/chats/messages/_composer.html.erb

@@ -57,7 +57,10 @@
             action: "input->chats--composer#typed keydown.enter->chats--composer#enterSend"
           } %>
 
-    <%= form.button type: :submit, class: "chats-composer__send", "aria-label": t("chats.composer.send") do %>
+    <%# pointerdown/mousedown keepFocus: keeps the textarea focused (and the
+        mobile keyboard up) through the send tap — see composer controller. %>
+    <%= form.button type: :submit, class: "chats-composer__send", "aria-label": t("chats.composer.send"),
+          data: { action: "pointerdown->chats--composer#keepFocus mousedown->chats--composer#keepFocus" } do %>
       <span aria-hidden="true">➤</span>
     <% end %>
   </div>