nodes/mcDandy-more_math
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AI Fix script input being resizeable in V2

Browse Source
This commit is contained in:
mcDandy
2026-10-13 13:08:16 +02:00
parent 3a6f52d3ce
commit 1ef9f4b074
2 changed files with 57 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/script_text_input.js
+43 -3
View File
@@ -22,7 +22,7 @@ if (!window.__mrmthScriptInputUnifiedInit) {
const style = document.createElement("style");
style.id = STYLE_ID;
style.textContent = `
.mrmth-editor {
.mrmth-editor:not(.mrmth-editor-v2) {
display: flex;
align-items: stretch;
width: 100%;
@@ -33,7 +33,7 @@ if (!window.__mrmthScriptInputUnifiedInit) {
background: rgba(0,0,0,0.18);
}
.mrmth-gutter {
.mrmth-editor:not(.mrmth-editor-v2) .mrmth-gutter {
padding: 8px 10px;
min-width: 44px;
text-align: right;
@@ -72,7 +72,7 @@ if (!window.__mrmthScriptInputUnifiedInit) {
display: inline;
}
.mrmth-editor-container {
.mrmth-editor:not(.mrmth-editor-v2) .mrmth-editor-container {
position: relative;
flex: 1;
min-width: 0;
@@ -81,6 +81,35 @@ if (!window.__mrmthScriptInputUnifiedInit) {
background: transparent; /* ⬅️ DŮLEŽITÉ */
}
.mrmth-editor.mrmth-editor-v2 {
position: relative;
display: block;
width: 100%;
height: 100%;
min-height: 0;
box-sizing: border-box;
border: 1px solid rgba(255,255,255,0.14);
border-radius: 10px;
overflow: hidden;
background: rgba(0,0,0,0.18);
}
.mrmth-editor-v2 .mrmth-gutter {
position: absolute;
inset: 0 auto 0 0;
width: 44px;
min-height: 0;
}
.mrmth-editor-v2 .mrmth-editor-container {
position: absolute;
inset: 0 0 0 44px;
min-width: 0;
min-height: 0;
height: auto;
flex: none;
}
.mrmth-syntax-layer {
position: absolute;
inset: 0;
@@ -438,11 +467,14 @@ if (!window.__mrmthScriptInputUnifiedInit) {
const parent = textarea.parentElement;
if (!parent) return;
const isVueWidget = !!(app.ui?.settings?.getSettingValue?.("Comfy.VueNodes.Enabled") || document.getElementById("vue-app"));
ensureStyles();
hideNearbyScriptLabels(textarea);
const wrapper = document.createElement("div");
wrapper.className = "mrmth-editor";
if (isVueWidget) wrapper.classList.add("mrmth-editor-v2");
const gutter = document.createElement("div");
gutter.className = "mrmth-gutter";
@@ -516,6 +548,14 @@ if (!window.__mrmthScriptInputUnifiedInit) {
updateNumbersWrapped(textarea, gutterContent, measureEl, lineHeightPx);
updateHighlight(textarea, syntaxLayer);
if (isVueWidget) {
wrapper.style.minHeight = '0';
wrapper.style.height = '100%';
editorContainer.style.minHeight = '0';
editorContainer.style.height = '100%';
return;
}
// Reactive height: size wrapper and editor container to content, clamped to parent's height
const contentHeight = measureEl.offsetHeight || (lineHeightPx * Math.max(1, textarea.value.split('\n').length));
const bounding = findBoundingAncestor(wrapper) || parent || document.documentElement;