From 99876e31588e7a3289087d0eef82d285e9cef825 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Wed, 29 Sep 2021 20:55:34 +0200
Subject: [PATCH] fixed regression - broken select tag, because of Svelte
 upgrade

---
 packages/web/src/forms/SelectField.svelte                  | 6 ++++--
 packages/web/src/modals/ConnectionModalDriverFields.svelte | 3 +--
 packages/web/src/modals/SetFilterModal_Select.svelte       | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/web/src/forms/SelectField.svelte b/packages/web/src/forms/SelectField.svelte
index daa7dedf..9c72e09a 100644
--- a/packages/web/src/forms/SelectField.svelte
+++ b/packages/web/src/forms/SelectField.svelte
@@ -10,6 +10,7 @@
   export let isNative = false;
   export let isMulti = false;
   export let notSelected = null;
+  export let defaultValue = '';
 
   let listOpen = false;
   let isFocused = false;
@@ -21,18 +22,19 @@
 
 {#if isNative}
   <select
+    value={value || defaultValue}
     {...$$restProps}
     on:change={e => {
       dispatch('change', e.target['value']);
     }}
   >
     {#if notSelected}
-      <option value="" selected={!value}>
+      <option value="">
         {_.isString(notSelected) ? notSelected : '(not selected)'}
       </option>
     {/if}
     {#each _.compact(options) as x (x.value)}
-      <option value={x.value} selected={value == x.value}>
+      <option value={x.value}>
         {x.label}
       </option>
     {/each}
diff --git a/packages/web/src/modals/ConnectionModalDriverFields.svelte b/packages/web/src/modals/ConnectionModalDriverFields.svelte
index 7696e54e..eb53ca27 100644
--- a/packages/web/src/modals/ConnectionModalDriverFields.svelte
+++ b/packages/web/src/modals/ConnectionModalDriverFields.svelte
@@ -24,7 +24,6 @@
   $: disabledFields = (currentAuthType ? currentAuthType.disabledFields : null) || [];
   $: driver = $extensions.drivers.find(x => x.engine == engine);
   $: defaultDatabase = $values.defaultDatabase;
-
 </script>
 
 <FormSelectField
@@ -125,6 +124,7 @@
     label="Password mode"
     isNative
     name="passwordMode"
+    defaultValue="saveEncrypted"
     options={[
       { value: 'saveEncrypted', label: 'Save and encrypt' },
       { value: 'saveRaw', label: 'Save raw (UNSAFE!!)' },
@@ -154,5 +154,4 @@
   .radio :global(label) {
     margin-right: 10px;
   }
-
 </style>
diff --git a/packages/web/src/modals/SetFilterModal_Select.svelte b/packages/web/src/modals/SetFilterModal_Select.svelte
index c57bfde1..be60f803 100644
--- a/packages/web/src/modals/SetFilterModal_Select.svelte
+++ b/packages/web/src/modals/SetFilterModal_Select.svelte
@@ -43,4 +43,4 @@
   }
 </script>
 
-<FormSelectFieldRaw {name} options={getOptions()} />
+<FormSelectFieldRaw {name} options={getOptions()} isNative />