diff --git a/.changeset/famous-points-care.md b/.changeset/famous-points-care.md
new file mode 100644
index 0000000000..2bb5b73daf
--- /dev/null
+++ b/.changeset/famous-points-care.md
@@ -0,0 +1,5 @@
+---
+'@baloise/ds-core': patch
+---
+
+**select**: update value after option change
diff --git a/packages/core/src/components/bal-select/bal-select.tsx b/packages/core/src/components/bal-select/bal-select.tsx
index 174ddad982..f4d04899db 100644
--- a/packages/core/src/components/bal-select/bal-select.tsx
+++ b/packages/core/src/components/bal-select/bal-select.tsx
@@ -268,7 +268,7 @@ export class Select implements ComponentInterface, Loggable, BalAriaFormLinking
    */
 
   connectedCallback() {
-    const debounceUpdateOptions = debounce(() => this.updateOptions(), 0)
+    const debounceUpdateOptions = debounce(() => this.updateOptions(), 10)
 
     this.initialValue = this.value
 
@@ -477,7 +477,7 @@ export class Select implements ComponentInterface, Loggable, BalAriaFormLinking
    */
 
   private waitForOptionsAndThenUpdateRawValuesTimer?: NodeJS.Timeout
-  private async waitForOptionsAndThenUpdateRawValues() {
+  private waitForOptionsAndThenUpdateRawValues = async () => {
     clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer)
     await deepReady(this.el)
     const hasOptions = this.options.size > 0
@@ -519,6 +519,9 @@ export class Select implements ComponentInterface, Loggable, BalAriaFormLinking
     if (this.didInit && !this.remote) {
       this.validateAfterBlur()
     }
+    if (this.didInit && this.remote && this.options.size > 0) {
+      this.validateAfterBlur(true)
+    }
   }
 
   /**
@@ -914,7 +917,7 @@ export class Select implements ComponentInterface, Loggable, BalAriaFormLinking
   }
 
   private handleKeyPress = async (ev: KeyboardEvent) => {
-    if (!this.isPopoverOpen && isSpaceKey(ev)) {
+    if (!this.isPopoverOpen) {
       preventDefault(ev)
       await this.open()
     }
@@ -931,10 +934,6 @@ export class Select implements ComponentInterface, Loggable, BalAriaFormLinking
     if (!this.disabled && !this.readonly) {
       this.inputValue = (ev.target as HTMLInputElement).value
 
-      if (!this.isPopoverOpen) {
-        this.popoverElement.present()
-      }
-
       this.focusIndex = 0
       this.updateFocus()
       preventDefault(ev)
diff --git a/packages/core/src/components/bal-select/test/bal-select.autocomplete.html b/packages/core/src/components/bal-select/test/bal-select.autocomplete.html
new file mode 100644
index 0000000000..866073e4ec
--- /dev/null
+++ b/packages/core/src/components/bal-select/test/bal-select.autocomplete.html
@@ -0,0 +1,67 @@
+<!doctype html>
+<html dir="ltr" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <script type="module" src="/build/baloise-design-system.esm.js"></script>
+    <script nomodule src="/build/baloise-design-system.js"></script>
+  </head>
+  <body>
+    <bal-doc-app log-components="bal-select">
+      <main class="container">
+        <bal-heading>Basic</bal-heading>
+        <section>
+          <form action="https://www.w3schools.com/action_page.php" target="_blank">
+            <input type="text" name="firstName" autocomplete="given-name" />
+            <bal-select
+              id="bal-select-year"
+              name="street"
+              autocomplete="street-address"
+              placeholder="Try finding a year"
+              typeahead
+              remote
+            ></bal-select>
+            <bal-select id="value" name="value" placeholder="Initial Value" typeahead remote></bal-select>
+            <bal-button element-type="submit" color="primary">Submit</bal-button>
+          </form>
+          <script>
+            const selectEl = document.getElementById('bal-select-year')
+            const valueEl = document.getElementById('value')
+
+            selectEl.addEventListener('balInput', event => {
+              console.log('balInput', event.detail)
+              selectEl.appendChild(createSelectOption('Oberer Brühlweg 17'))
+              selectEl.appendChild(createSelectOption('Hauptstrasse 5'))
+              selectEl.appendChild(createSelectOption('Bahnhofstrasse 10'))
+              selectEl.appendChild(createSelectOption('Im Hinterstück 9'))
+              selectEl.appendChild(createSelectOption('Gartenweg 3'))
+            })
+
+            function createSelectOption(value) {
+              const el = document.createElement('bal-select-option')
+              el.value = `v${value}`
+              el.label = value
+              el.innerHTML = value
+              return el
+            }
+
+            setTimeout(() => {
+              valueEl.value = 'vHauptstrasse 5'
+              console.log('----------------------------')
+            }, 1000)
+
+            setTimeout(() => {
+              valueEl.appendChild(createSelectOption('Oberer Brühlweg 17'))
+              valueEl.appendChild(createSelectOption('Hauptstrasse 5'))
+              valueEl.appendChild(createSelectOption('Bahnhofstrasse 10'))
+              valueEl.appendChild(createSelectOption('Im Hinterstück 9'))
+              valueEl.appendChild(createSelectOption('Gartenweg 3'))
+              console.log('----------------------------')
+            }, 2000)
+          </script>
+        </section>
+      </main>
+    </bal-doc-app>
+  </body>
+</html>
