a3244b1059b27424713c97be5694c716d1b90172
max
  Thu Mar 5 11:36:07 2026 -0800
fixing bug in supertrack UI that appears when the track name has a dot in it, refs #36917, also uppercasing the visibilities, refs #37200

diff --git src/hg/js/subCfg.js src/hg/js/subCfg.js
index e18ecfdd32a..0ff0a127350 100644
--- src/hg/js/subCfg.js
+++ src/hg/js/subCfg.js
@@ -661,32 +661,33 @@
     replaceWithVis: function (obj,subtrack,open)
     { // Replaces the current fauxVis object with a true visibility selector
 
         if ($(obj).hasClass('disabled'))
             return;
         var classList = $( obj ).attr("class").split(" ");
         classList = aryRemove(classList,["disabled"]);
         var view = classList[classList.length - 1]; // This relies on view being the last class!!!
         var selectHtml  = "<SELECT name='"+subtrack+"' class='normalText subVisDD "+view+"'";
             selectHtml += " style='width:70px;'>";
         var selected = $(obj).text();
         var visibilities = ['hide','dense','squish','pack','full'];
         if (subCfg.canPack === false)
             visibilities = ['hide','dense','full'];
         $(visibilities).each( function (ix) {
-             selectHtml += "<OPTION"+(visibilities[ix] === selected ? " SELECTED":"")+">";
-             selectHtml += visibilities[ix]+"</OPTION>";
+             var vis = visibilities[ix];
+             selectHtml += "<OPTION"+(visibilities[ix] === selected ? " SELECTED":"")+" VALUE='"+vis+"'>";
+             selectHtml += capitalizeFirstLetter(vis)+"</OPTION>";
         });
         selectHtml += "</SELECT>";
         $(obj).replaceWith(selectHtml);
         var newObj = $("select[name='"+subtrack+"']");
         if (open) {
             $(newObj).css({'zIndex':'2','vertical-align':'top'});
             // For some reason IE11 will hang if the sect is opened to start with!
             // This ungraceful fix avoids the hang, but a nicer solution would be apprciated!
             if (theClient.isIePost11() === false) { 
                 $(newObj).attr('size',visibilities.length);
             }
             $(newObj).one('blur',function (e) {
                 $(this).attr('size',1);
                 $(this).unbind('click');
             });