Fix display name not being editable on some older iOS devices (#163)

public/scripts/ui.js

@@ -1767,7 +1767,6 @@ class SendTextDialog extends Dialog {
         const range = document.createRange();
         const sel = window.getSelection();
 
-        this.$text.focus();
         range.selectNodeContents(this.$text);
         sel.removeAllRanges();
         sel.addRange(range);
@@ -1783,7 +1782,7 @@ class SendTextDialog extends Dialog {
             to: this.correspondingPeerId,
             text: this.$text.innerText
         });
-        this.$text.value = "";
+        this.$text.innerText = "";
         this.hide();
     }
 }

public/styles.css

@@ -1589,3 +1589,10 @@ x-dialog x-paper {
     color: black;
     background: var(--primary-color);
 }
+
+/* make elements with attribute contenteditable editable on older iOS devices.
+See note here: https://developer.mozilla.org/en-US/docs/Web/CSS/user-select */
+[contenteditable] {
+    -webkit-user-select: text;
+    user-select: text;
+}