From 03c1bc99310cc1425407fa9aab6f5a601c38ae17 Mon Sep 17 00:00:00 2001
From: Adrian Gruntkowski <adrian.gruntkowski@gmail.com>
Date: Sat, 22 Mar 2025 11:35:06 +0100
Subject: [PATCH] Hide onscreen keyboard by defocusing input on touch move

---
 priv/static/js/components.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/priv/static/js/components.js b/priv/static/js/components.js
index be0a6ca..4e7072a 100644
--- a/priv/static/js/components.js
+++ b/priv/static/js/components.js
@@ -118,6 +118,18 @@ class EditableArea extends HTMLElement {
       this.#sync();
     });
 
+    const onTouchMove = () => {
+      this.inputElement.blur();
+    };
+
+    this.inputElement.addEventListener("focus", () => {
+      document.addEventListener("touchmove", onTouchMove);
+    });
+
+    this.inputElement.addEventListener("blur", () => {
+      document.removeEventLitener("touchmove", onTouchMove);
+    });
+
     new ResizeObserver(() => {
       this.inputElement.style.height = this.displayElement.scrollHeight + "px";
       this.inputElement.style.width = this.displayElement.scrollWidth + "px";