From d3a2bfb60bff43a304582f4fe1b268ae22541cb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20K=C5=82osko?= <jonatanklosko@gmail.com>
Date: Wed, 28 Apr 2021 19:11:19 +0200
Subject: [PATCH] Ignore patches to content editable elements while focused
 (#247)

---
 assets/js/content_editable/index.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/assets/js/content_editable/index.js b/assets/js/content_editable/index.js
index 878e0922e..07e898e0a 100644
--- a/assets/js/content_editable/index.js
+++ b/assets/js/content_editable/index.js
@@ -32,6 +32,15 @@ const ContentEditable = {
         this.el.blur();
       }
     });
+
+    // While the element is focused, ignore the incoming changes
+    this.el.addEventListener("focus", (event) => {
+      this.el.setAttribute("phx-update", "ignore");
+    });
+
+    this.el.addEventListener("blur", (event) => {
+      this.el.removeAttribute("phx-update");
+    });
   },
 
   updated() {