2483e425a830f91215299318996847033b10131f jcasper Thu Mar 26 14:14:26 2026 -0700 Changing facets to be expanded by default on page load, refs #36320 diff --git src/hg/js/facetedComposite.js src/hg/js/facetedComposite.js index 3e4ecbaeacc..e66abf81d23 100644 --- src/hg/js/facetedComposite.js +++ src/hg/js/facetedComposite.js @@ -320,37 +320,37 @@ if (otherValue !== null) { topToShow.push([otherKey, otherValue]); } if (topToShow.length <= 1) { // no point if there's only one group excludeCheckboxes.push(key); return; } // --- Build the facet group with collapsible structure --- const facetDiv = document.createElement("div"); facetDiv.classList.add("facet-group"); // Clickable heading that toggles collapse const heading = Object.assign(document.createElement("strong"), { textContent: toTitleCase(key), - className: "facet-heading collapsed", + className: "facet-heading", }); facetDiv.appendChild(heading); // Collapsible body: holds Clear button + all checkboxes const facetBody = document.createElement("div"); - facetBody.classList.add("facet-body", "collapsed"); + facetBody.classList.add("facet-body"); // Clear button — built here so it lives inside the collapsible body const clearBtn = document.createElement("button"); clearBtn.textContent = "Clear"; clearBtn.type = "button"; facetBody.appendChild(clearBtn); // Build checkbox labels const cboxes = []; topToShow.forEach(([val, count]) => { const label = document.createElement("label"); const checkbox = document.createElement("input"); checkbox.type = "checkbox"; checkbox.value = escapeRegex(val); label.appendChild(checkbox);