From 211ab4eea8f5eb2dae0a7bdbee848d479911a2f1 Mon Sep 17 00:00:00 2001 From: Bram Kragten Date: Thu, 22 Oct 2020 11:00:36 +0200 Subject: [PATCH] Fix quickbar debounce (#7426) * Fix quicbar debounce * Clear search property when dialog is closed Co-authored-by: Donnie --- src/dialogs/quick-bar/ha-quick-bar.ts | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/dialogs/quick-bar/ha-quick-bar.ts b/src/dialogs/quick-bar/ha-quick-bar.ts index ce8ace0a88..dc1fce0136 100644 --- a/src/dialogs/quick-bar/ha-quick-bar.ts +++ b/src/dialogs/quick-bar/ha-quick-bar.ts @@ -55,6 +55,8 @@ export class QuickBar extends LitElement { @internalProperty() private _filter = ""; + @internalProperty() private _search = ""; + @internalProperty() private _opened = false; @internalProperty() private _commandMode = false; @@ -79,6 +81,7 @@ export class QuickBar extends LitElement { this._done = false; this._focusSet = false; this._filter = ""; + this._search = ""; this._commandTriggered = -1; this._items = []; fireEvent(this, "dialog-closed", { dialog: this.localName }); @@ -116,7 +119,7 @@ export class QuickBar extends LitElement { .label=${this.hass.localize( "ui.dialogs.quick-bar.filter_placeholder" )} - .filter=${this._commandMode ? `>${this._filter}` : this._filter} + .filter=${this._commandMode ? `>${this._search}` : this._search} @keydown=${this._handleInputKeyDown} @focus=${this._setFocusFirstListItem} > @@ -237,12 +240,14 @@ export class QuickBar extends LitElement { if (newFilter.startsWith(">")) { this._commandMode = true; - this._debouncedSetFilter(newFilter.substring(1)); + this._search = newFilter.substring(1); } else { this._commandMode = false; - this._debouncedSetFilter(newFilter); + this._search = newFilter; } + this._debouncedSetFilter(this._search); + if (oldCommandMode !== this._commandMode) { this._items = undefined; this._focusSet = false;