From d07b0c038f1c4f495deda89c3b130f2fa02e0087 Mon Sep 17 00:00:00 2001 From: ThibG Date: Wed, 3 Apr 2019 17:54:54 +0200 Subject: [PATCH] Hopefully fix input text selection quirks on iOS (#10463) Fix #10448 (hopefully) --- app/javascript/packs/public.js | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/app/javascript/packs/public.js b/app/javascript/packs/public.js index 4ab27c769..6a8cf9c2f 100644 --- 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; }); }