nodes/havvk-ComfyUI_AIIA
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

v1.9.184: Resolved backdrop click detection and thumbnail intersection issues. Set IntersectionObserver root to null and refined backdrop parent check.

Browse Source
This commit is contained in:
Hawk Lee
2026-01-25 00:04:24 +08:00
parent 3dce758343
commit 5e19971db9
2 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/aiia_browser.js
+15 -9
View File
@@ -93,7 +93,10 @@ class AIIABrowserDialog extends ComfyDialog {
const splitViewContainer = $el("div.aiia-split-view-container", [this.directoryPanel, this.contentPanel, this.tooltipElement]);
this.iconViewObserver = new IntersectionObserver(this.handleIconIntersection.bind(this), { root: this.contentArea, rootMargin: '300px 0px 300px 0px' });
this.iconViewObserver = new IntersectionObserver(this.handleIconIntersection.bind(this), {
root: null, // Use root: null to observe relative to browser viewport
rootMargin: '500px 0px 500px 0px'
});
this.titleElement = $el("span", { textContent: "AIIA Media Browser" });
this.closeButton = $el("button.close", { textContent: "✖", title: "Close" });
@@ -1353,20 +1356,23 @@ class AIIABrowserDialog extends ComfyDialog {
this.updateTooltipSizeLimits();
this.element.focus({ preventScroll: true });
// [v1.9.106] Click-outside to close
// [v1.9.184] Click-outside to close - targeting the native ComfyUI modal backdrop
if (!this.outsideClickListener) {
this.outsideClickListener = (e) => {
if (this.element.style.display !== "none" && !this.element.contains(e.target)) {
// Safety check: Don't close if we are interacting with another aiia modal (like fullscreen)
if (this.fullscreenViewer && this.fullscreenViewer.element.style.display !== 'none') return;
// Don't close if clicking the menu button itself (to avoid toggle conflict)
if (e.target.closest('#aiia-browser-menu-button')) return;
this.close();
if (this.element.style.display !== "none") {
// If the click is on the parent container (the backdrop) and NOT on the element itself
if (e.target === this.element.parentElement || e.target.classList.contains('comfy-modal')) {
// Safety check: Don't close if we are interacting with another aiia modal
if (this.fullscreenViewer && this.fullscreenViewer.element.style.display !== 'none') return;
this.close();
}
}
};
// Use timeout to prevent the opening click from immediately closing it
setTimeout(() => document.addEventListener("mousedown", this.outsideClickListener), 10);
}
// Force a resize/scroll event to trigger initial icon rendering
setTimeout(() => { this.render(); }, 100);
}
close() {
pyproject.toml
+1 -1
View File
@@ -1,7 +1,7 @@
[project]
name = "aiia"
description = "The Ultimate AI Audio/Video toolkit for ComfyUI. Features an enhanced Ditto (with optimizations that outperform official demos and other SOTA talking head models in lip-sync accuracy and natural motion), EchoMimic V3 & FLOAT, VibeVoice & CosyVoice 3.0 (Zero-Shot Voice Cloning), Multi-Role Podcast Generation, and a powerful Media Browser."
version = "1.9.183"
version = "1.9.184"
license = {file = "LICENSE"}
readme = "README.md"
authors = [