fix(dropdown): improve input handling for multiselect during focus an…

…d blur events
scania-digital-design-system · Oct 16, 2024 · 483eb85 · 483eb85
1 parent 15edb63
commit 483eb85
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/core/src/components/dropdown/dropdown.tsx b/packages/core/src/components/dropdown/dropdown.tsx
@@ -529,18 +529,22 @@ export class TdsDropdown {
                   class={`${this.labelPosition === 'inside' ? 'placeholder' : ''}`}
                   type="text"
                   placeholder={this.filterFocus ? '' : this.placeholder}
-                  value={this.filterFocus ? '' : this.getValue()}
+                  value={this.multiselect && this.filterFocus ? '' : this.getValue()}
                   disabled={this.disabled}
                   onInput={(event) => this.handleFilter(event)}
                   onBlur={(event) => {
                     this.filterFocus = false;
-                    this.inputElement.value = this.getValue();
+                    if (this.multiselect) {
+                      this.inputElement.value = this.getValue();
+                    }
                     this.handleBlur(event);
                   }}
                   onFocus={(event) => {
                     this.open = true;
                     this.filterFocus = true;
-                    this.inputElement.value = '';
+                    if (this.multiselect) {
+                      this.inputElement.value = '';
+                    }
                     this.handleFocus(event);
                     this.handleFilter({ target: { value: '' } });
                   }}