reanimator/chart
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(viewer): use ghost span in grid stack to enforce column name width

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Mikhail Chusavitin
2026-06-19 14:51:15 +03:00
parent fa8789a589
commit a8116e78f5
2 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/static/view.js
View File

@@ -72,11 +72,18 @@ document.addEventListener("DOMContentLoaded", () => {
th.appendChild(select);
}
} else if (colName) {
const wrap = document.createElement("div");
wrap.className = "col-filter-wrap";
const ghost = document.createElement("span");
ghost.className = "col-filter-ghost";
ghost.setAttribute("aria-hidden", "true");
ghost.textContent = colName;
const input = document.createElement("input");
input.type = "text";
input.className = "col-filter col-filter-text";
input.placeholder = colName;
input.size = colName.length + 2;
input.setAttribute("aria-label", "filter " + colName);
let debounceTimer;
input.addEventListener("input", () => {
@@ -86,8 +93,11 @@ document.addEventListener("DOMContentLoaded", () => {
applyFilters();
}, 300);
});
wrap.appendChild(ghost);
wrap.appendChild(input);
th.textContent = "";
th.appendChild(input);
th.appendChild(wrap);
}
});
});