TBNilles/ComfyUI-Model-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hide search dropdown on enter. Unfocus text input on escape.

Browse Source
This commit is contained in:
Christian Bastian
2024-01-24 03:08:44 -05:00
parent 6ba66842e3
commit 55fcd4f405
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/model-manager.js
View File

@@ -778,7 +778,17 @@ class ModelManager extends ComfyDialog {
$el("input.search-text-area", { $el("input.search-text-area", {
$: (el) => (this.#el.modelContentFilter = el), $: (el) => (this.#el.modelContentFilter = el),
placeholder: "example: /0/1.5/styles/clothing -.pt", placeholder: "example: /0/1.5/styles/clothing -.pt",
onkeyup: (e) => e.key === "Enter" && this.#modelGridUpdate(), onkeyup: (e) => {
if (e.key === "Enter") {
this.#modelGridUpdate();
searchDropdown.style.display = "none";
e.stopPropagation();
}
else if (e.key === "Escape") {
e.target.blur();
e.stopPropagation();
}
},
oninput: () => this.#updateSearchDropdown(), oninput: () => this.#updateSearchDropdown(),
onfocus: () => this.#updateSearchDropdown(), onfocus: () => this.#updateSearchDropdown(),
onblur: () => { searchDropdown.style.display = "none"; }, onblur: () => { searchDropdown.style.display = "none"; },
@@ -807,15 +817,14 @@ class ModelManager extends ComfyDialog {
const prevousModelType = this.#el.prevousModelType; const prevousModelType = this.#el.prevousModelType;
if (modelType !== prevousModelType) { if (modelType !== prevousModelType) {
const modelFilter = this.#el.modelContentFilter;
const filterText = modelFilter.value;
if (this.#el.settings["model-persistent-search"].checked) { if (this.#el.settings["model-persistent-search"].checked) {
this.#data.prevousModelFilters = []; this.#data.prevousModelFilters = [];
} }
else { else {
const modelFilter = this.#el.modelContentFilter;
const prevousModelFilters = this.#data.prevousModelFilters; const prevousModelFilters = this.#data.prevousModelFilters;
// cache previous filter text // cache previous filter text
prevousModelFilters[prevousModelType] = filterText; prevousModelFilters[prevousModelType] = modelFilter.value;
// read cached filter text // read cached filter text
modelFilter.value = prevousModelFilters[modelType] ?? ""; modelFilter.value = prevousModelFilters[modelType] ?? "";
} }