fix searchable select fields options limitation to 50 options

sqlpage · Jun 12, 2024 · 0835722 · 0835722
1 parent bc2c118
commit 0835722
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG.md
 
+## unreleased
+ - in the form component, searchable `select` fields now support more than 50 options. They used to display only the first 50 options. 
+  - ![screenshot](https://github.com/lovasoa/SQLpage/assets/552629/40571d08-d058-45a8-83ef-91fa134f7ce2)
+
 ## 0.23.0 (2024-06-09)
 
  - fix a bug in the [csv](https://sql.ophir.dev/documentation.sql?component=csv#component) component. The `separator` parameter now works as expected. This facilitates creating excel-compatible CSVs in european countries where excel expects the separator to be `;` instead of `,`.

diff --git a/sqlpage/tomselect.js b/sqlpage/tomselect.js
@@ -7,7 +7,8 @@ function sqlpage_select_dropdown() {
         // This is a workaround to fix that
         const is_focused = s === document.activeElement;
         const tom = new TomSelect(s, {
-          create: s.dataset.create_new
+          create: s.dataset.create_new,
+          maxOptions: null,
         });
         if (is_focused) tom.focus();
     }