From f93857fbabb55a8542e9d1713d9002dfcd29f841 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <alec@alec.pl>
Date: Mon, 13 Jan 2020 19:33:51 +0100
Subject: [PATCH] Elastic: Fix text selection in recipient inputs (#7129)

---
 CHANGELOG                               | 1 +
 skins/elastic/styles/widgets/forms.less | 5 ++++-
 skins/elastic/ui.js                     | 8 +++++---
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG b/CHANGELOG
index 47ab203cf..197b2c3cd 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -11,6 +11,7 @@ CHANGELOG Roundcube Webmail
 - Enigma: Fix so using list checkbox selection does not load the key preview frame
 - Password: Make chpass-wrapper.py Python 3 compatible (#7135)
 - Elastic: Fix bug where it was possible to switch editor mode when 'htmleditor' was in 'dont_override' (#7143)
+- Elastic: Fix text selection in recipient inputs (#7129)
 - Fix so messages in threads with no root aren't displayed separately (#4999)
 - Fix regression where "Open in new window" action didn't work (#7155)
 - Fix PHP Warning: array_filter() expects parameter 1 to be array, null given in subscriptions_option plugin (#7165)
diff --git a/skins/elastic/styles/widgets/forms.less b/skins/elastic/styles/widgets/forms.less
index ee82c3e15..3b3892518 100644
--- a/skins/elastic/styles/widgets/forms.less
+++ b/skins/elastic/styles/widgets/forms.less
@@ -957,7 +957,6 @@ html.ms .propform {
     .name {
         .overflow-ellipsis;
         flex-grow: 1;
-        display: inline-block;
         line-height: 1.1;
         padding: floor(.25 * @page-font-size);
         vertical-align: middle;
@@ -990,6 +989,10 @@ html.ms .propform {
 
     li {
         max-width: 100%;
+
+        &:not(.recipient) {
+            user-select: text;
+        }
     }
 
     input {
diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js
index d4553c181..da780a190 100644
--- a/skins/elastic/ui.js
+++ b/skins/elastic/ui.js
@@ -3112,9 +3112,9 @@ function rcube_elastic_ui()
      */
     function recipient_input(obj)
     {
-        var list, input,
+        var list, input, selection = '',
             input_len_update = function() {
-                input.css('width', Math.max(40, input.val().length * 15 + 25));
+                input.css('width', Math.max(5, input.val().length * 15 + 10));
             },
             apply_func = function() {
                 // update the original input
@@ -3207,7 +3207,9 @@ function rcube_elastic_ui()
 
         list = $('<ul>').addClass('form-control recipient-input ac-input rounded-left')
             .append($('<li>').append(input))
-            .on('click', function() { input.focus(); });
+            // "selection" hack to allow text selection in the recipient box or multiple boxes (#7129)
+            .on('mouseup', function () { selection = window.getSelection().toString(); })
+            .on('click', function() { if (!selection.length) input.focus(); });
 
         // Hide the original input/textarea
         // Note: we do not remove the original element, and we do not use