ui: tags: fix focus for edit mode

such that one can tab through the editable tag fields.
We have to handle that manually, since ExtJs does not expect
contenteditable html tags for focus handling.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/www/manager6/form/Tag.js b/www/manager6/form/Tag.js
index be72d7ba9d754ec74e99c6e86156f9f55c3bc181..6b1d6aa5579eb73790f101057ec51125567aa83c 100644 (file)
--- a/www/manager6/form/Tag.js
+++ b/www/manager6/form/Tag.js
@@ -13,6 +13,15 @@ Ext.define('Proxmox.form.Tag', {
        '<i class="action fa fa-minus-square"></i>',
     ],
 
+    focusable: true,
+    getFocusEl: function() {
+       return Ext.get(this.tagEl());
+    },
+
+    onFocus: function() {
+       this.selectText();
+    },
+
     // contains tags not to show in the picker and not allowing to set
     filter: [],