diff --git a/web/model-manager.css b/web/model-manager.css index 787758f..913f286 100644 --- a/web/model-manager.css +++ b/web/model-manager.css @@ -10,7 +10,7 @@ position: fixed; overflow: hidden; width: 100%; - z-index: 99; /*needs to be below dialog modal*/ + z-index: 2000; /*needs to be below the dialog modal element*/ /*override comfy-modal settings*/ border-radius: 0; @@ -23,6 +23,10 @@ touch-action: manipulation; } +.model-manager .model-manager-dialog { + z-index: 2001; /*needs to be above the model manager element*/ +} + .model-manager .comfy-modal-content { width: 100%; gap: 16px; diff --git a/web/model-manager.js b/web/model-manager.js index 2913314..e452285 100644 --- a/web/model-manager.js +++ b/web/model-manager.js @@ -164,9 +164,9 @@ async function tryOpenModelUrl(modelSearchPath) { try { window.open(modelUrl, '_blank').focus(); } - catch (exception) { + catch (exception) { // browser or ad-blocker blocking opening new window - app.ui.dialog.show($el("span", + modelManagerDialog.show($el("span", [ $el("p", { style: { color: "var(--input-text)" }, @@ -4951,12 +4951,19 @@ class ModelManager extends ComfyDialog { /** @type {ModelManager | undefined} */ let instance; +/** @type {ComfyDialog | undefined} */ +let modelManagerDialog; + /** * @returns {ModelManager} */ function getInstance() { if (!instance) { instance = new ModelManager(); + + modelManagerDialog = new ComfyDialog(); + modelManagerDialog.element.classList.add("model-manager-dialog"); + instance.element.appendChild(modelManagerDialog.element); } return instance; }