From 72a2ed77cae1eec8eeb95dc591abc04fffd0a71d Mon Sep 17 00:00:00 2001
From: Thomas Boch <thomas.boch@gmail.com>
Date: Wed, 15 Jun 2022 09:44:36 +0200
Subject: [PATCH] Text field in HiPSSelector are focused when showing

---
 src/js/gui/HiPSSelector.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/js/gui/HiPSSelector.js b/src/js/gui/HiPSSelector.js
index fc9c15f0..0ee2de4b 100644
--- a/src/js/gui/HiPSSelector.js
+++ b/src/js/gui/HiPSSelector.js
@@ -153,6 +153,17 @@ import  autocomplete from 'autocompleter';
 
     show() {
         this.mainDiv.style.display = 'flex';
+
+        // focus on text field
+        let byIdSelected = $(this.mainDiv.querySelectorAll('div div a')[0]).hasClass('tab-active');
+        if (byIdSelected) {
+            let idInput = this.mainDiv.querySelectorAll('div div .p-4')[0].querySelector('input');
+            idInput.focus();
+        }
+        else {
+            let urlInput = this.mainDiv.querySelectorAll('div div .p-4')[1].querySelector('input');
+            urlInput.focus();
+        }
     }
 
     hide() {