sveltel fixes

front/js/svelte/records/elements/Text.svelte

@@ -1,5 +1,6 @@
 <script>
     import Datalist from "./Datalist.svelte";
+    import Selectlist from "./Selectlist.svelte";
     import {getErrorMessage} from "./errorMessage";
 
     export let field;
@@ -13,6 +14,10 @@
     let list;
 
     $: listMode = field.optionsFrom && !(field.readonly && !isCreateMode);
+
+
+
+
 </script>
 
 <div class="mb-0">
@@ -29,7 +34,6 @@
                 placeholder="Search for options"
                 data-bs-toggle="dropdown"
                 autocomplete="off"
-                aria-expanded="false"
                 readonly={field.readonly && !isCreateMode}
             />
 
@@ -58,6 +62,42 @@
                 </div>
             </span>
         {/if}
+    {:else if   field.selectOptions}
+        <div class="dropdown">
+            <input
+                    type="search"
+                    {id}
+                    class="form-control dropdown-toggle"
+                    class:is-invalid={errorMessage}
+                    bind:value={search}
+                    placeholder="Search for options"
+                    data-bs-toggle="dropdown"
+                    autocomplete="off"
+                    readonly={field.readonly && !isCreateMode}
+            />
+
+            <div class="dropdown-menu w-100">
+                    <Selectlist
+                            {field}
+                            bind:value
+                            bind:search
+                    />
+            </div>
+        </div>
+        {#if value}
+            <span class="badge rounded-pill bg-light text-dark  fs-6 mt-3">
+                <div class="d-flex align-items-center ">
+                    {value}
+                    <button
+                            on:click|preventDefault={(e) => (value = "")}
+                            type="button"
+                            class="btn-close btn-sm  ms-1"
+                            style="font-size:10px"
+                            aria-label="Close"
+                    />
+                </div>
+            </span>
+        {/if}
     {:else}
         <input
             type="text"