fix autofocus on select fields with dropdown

fixes #297

Author: lovasoa

CHANGELOG.md

@@ -1,10 +1,10 @@
 # CHANGELOG.md
 
-## 0.20.5 (unreleased)
+## unreleased
 
  - Fix missing visual indication of selected item in form dropdown fields. 
    - ![screenshot](https://github.com/tabler/tabler/assets/552629/a575db2f-e210-4984-a786-5727687ac037)
-
+ - fix autofocus on select fields with dropdown
 
 ## 0.20.4 (2024-04-23)
 

sqlpage/tomselect.js

@@ -2,9 +2,14 @@
 
 function sqlpage_select_dropdown() {
     for (const s of document.querySelectorAll("[data-pre-init=select-dropdown]")) {
-        new TomSelect(s, {
+        // See: https://github.com/orchidjs/tom-select/issues/716
+        // By default, TomSelect will not retain the focus if s is already focused
+        // This is a workaround to fix that
+        const is_focused = s === document.activeElement;
+        const tom = new TomSelect(s, {
           create: s.dataset.create_new
         });
+        if (is_focused) tom.focus();
     }
 }