Add focus style for tagedit widget

skins/elastic/styles/mixins.less

@@ -55,3 +55,8 @@
 .font-family {
     font-family: Roboto, sans-serif;
 }
+
+.style-input-focus {
+    border-color: @color-input-border-focus;
+    box-shadow: 0 0 0 .2rem @color-input-border-focus-shadow;
+}

skins/elastic/styles/widgets/forms.less

@@ -678,8 +678,7 @@ html.touch .popupmenu.form {
         border: 1px solid @color-input-border;
 
         &.focused {
-            border: 1px solid @color-input-border-focus;
+            .style-input-focus;
-            box-shadow: 0 0 0 .2rem @color-input-border-focus-shadow;
         }
 
         // TODO: style button focus
@@ -808,8 +807,7 @@ html.touch .popupmenu.form {
     list-style-type: none;
 
     &.focus {
-        border-color: @color-input-border-focus;
+        .style-input-focus;
-        box-shadow: 0 0 0 .2rem @color-input-border-focus-shadow;
     }
 
     .recipient {
@@ -889,6 +887,10 @@ html.touch .popupmenu.form {
         display: none;
     }
 
+    &[tabindex="-1"] {
+        .style-input-focus;
+    }
+
     li.tagedit-listelement-new {
         margin-top: @recipient-input-margin-fix;