Hopefully fix input text selection quirks on iOS (mastodon#10463)

Fix mastodon#10448 (hopefully)
ProjectMyosotis · Oct 2, 2019 · a994435 · a994435
1 parent 73f0920
commit a994435
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/app/javascript/packs/public.js b/app/javascript/packs/public.js
@@ -192,14 +192,20 @@ function main() {
   });
 
   delegate(document, '.input-copy input', 'click', ({ target }) => {
+    target.focus();
     target.select();
+    target.setSelectionRange(0, target.value.length);
   });
 
   delegate(document, '.input-copy button', 'click', ({ target }) => {
     const input = target.parentNode.querySelector('.input-copy__wrapper input');
 
+    const oldReadOnly = input.readonly;
+
+    input.readonly = false;
     input.focus();
     input.select();
+    input.setSelectionRange(0, input.value.length);
 
     try {
       if (document.execCommand('copy')) {
@@ -213,6 +219,8 @@ function main() {
     } catch (err) {
       console.error(err);
     }
+
+    input.readonly = oldReadOnly;
   });
 }