298977887/ComfyUI
1
0
Fork 0
mirror of https://github.com/comfyanonymous/ComfyUI.git synced 2025-04-20 11:23:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix scaled position when filtering

Browse Source 
Add esc to close
This commit is contained in:
pythongosssss 2023-04-03 08:11:44 +01:00
parent 1a322ca67a
commit 028e1f7ad2
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/extensions/core/contextMenuFilter.js
View File

@ -43,6 +43,17 @@ app.registerExtension({
} }
} }
const positionList = () => {
const rect = this.root.getBoundingClientRect();
// If the top is off screen then shift the element with scaling applied
if (rect.top < 0) {
const scale = 1 - this.root.getBoundingClientRect().height / this.root.clientHeight;
const shift = (this.root.clientHeight * scale) / 2;
this.root.style.top = -shift + "px";
}
}
updateSelected(); updateSelected();
// Arrow up/down to select items // Arrow up/down to select items
@ -65,6 +76,8 @@ app.registerExtension({
e.preventDefault(); e.preventDefault();
} else if ((selectedItem && e.key === "Enter") || e.keyCode === 13 || e.keyCode === 10) { } else if ((selectedItem && e.key === "Enter") || e.keyCode === 13 || e.keyCode === 10) {
selectedItem.click(); selectedItem.click();
} else if(e.key === "Escape") {
this.close();
} }
}); });
@ -104,6 +117,7 @@ app.registerExtension({
} }
this.root.style.top = top + "px"; this.root.style.top = top + "px";
positionList();
} }
}); });
@ -111,14 +125,7 @@ app.registerExtension({
// Focus the filter box when opening // Focus the filter box when opening
filter.focus(); filter.focus();
const rect = this.root.getBoundingClientRect(); positionList();
// If the top is off screen then shift the element with scaling applied
if (rect.top < 0) {
const scale = 1 - this.root.getBoundingClientRect().height / this.root.clientHeight;
const shift = (this.root.clientHeight * scale) / 2;
this.root.style.top = -shift + "px";
}
}); });
} }