33a544e0b5f35f7e629290d4d0e74d56b1279f39
max
  Fri Sep 25 13:41:13 2026 -0700
hgSearch: fix sidebar collapsing when a result has a long unbroken match string, refs #38285

diff --git src/hg/htdocs/inc/hgSearch.html src/hg/htdocs/inc/hgSearch.html
index ed917b9c7d8..87f55cd4c44 100644
--- src/hg/htdocs/inc/hgSearch.html
+++ src/hg/htdocs/inc/hgSearch.html
@@ -24,30 +24,31 @@
     display: block;
 }
 
 .jstree-anchor {
     height: auto !important;
     white-space: normal !important;
 }
 
 .liNoStyle {
     list-style-type: none;
     font-size: larger;
 }
 
 .searchResult {
     font-size: 14px;
+    overflow-wrap: anywhere;
 }
 
 .maneSectionHeader {
     font-weight: bold;
     font-size: 14px;
     margin-top: 5px;
 }
 
 .showMoreDiv {
     display: inline;
 }
 
 .headerSpacer {
     padding-top: 15px;
 }
@@ -101,31 +102,35 @@
 .ui-autocomplete-category {
     font-weight: bold;
     line-height: 1.5;
     background: lightgray;
 }
 
 .ui-menu-item {
     /* This is necessary if a background color is specified in .ui-autocomplete-category above;
      * the category labels actually extend upwards, behind the preceding items! */
     background: white;
 }
 
 #grid {
     width: 100%;
     display: grid;
-    grid-template-columns: minmax(150px,400px) 1fr;
+    /* minmax(0,1fr), not a bare 1fr (== minmax(auto,1fr)): a long unbroken
+     * match string (e.g. a "/"-joined group of MANE transcript accessions)
+     * in the results column would otherwise inflate that column's auto
+     * minimum to its content width, stealing space from the sidebar. */
+    grid-template-columns: minmax(150px,400px) minmax(0,1fr);
     gap: 25px;
     padding-left: 15px;
 }
 
 .selectWrap {
     min-width: 0;
     display: flex;
     width: 90%;
     position: relative;
 }
 
 .selectWrap input[type="text"] {
     flex: 1;
 }