687677c1289ec87a034edf59effe5323c572ad41
lrnassar
  Wed Mar 18 13:59:09 2026 -0700
Fix skip nav link appearing in hgc popups: change :focus to :focus-visible so the skip link only appears on keyboard Tab navigation, not on programmatic/auto-focus when a popup window opens. refs #37252

diff --git src/hg/htdocs/style/nice_menu.css src/hg/htdocs/style/nice_menu.css
index ec7d6540d40..6d0ae204ab3 100644
--- src/hg/htdocs/style/nice_menu.css
+++ src/hg/htdocs/style/nice_menu.css
@@ -7,31 +7,31 @@
 /* Skip navigation link for keyboard accessibility */
 a.skipNav, a.skipNav:link, a.skipNav:visited {
 	position: absolute;
 	left: -9999px;
 	top: 0;
 	z-index: 1000;
 	padding: 8px 16px;
 	background: #003a72;
 	color: #fff;
 	font-size: 14px;
 	font-weight: bold;
 	font-family: Arial, Helvetica, sans-serif;
 	text-decoration: none;
 }
 
-a.skipNav:focus {
+a.skipNav:focus-visible {
 	left: 0;
 	outline: 2px solid #fff;
 	outline-offset: -2px;
 }
 
 /* Contains all css needed for drop-down global navigation menus */
 
 
 /* FROM Jabico's style.css */
 /*  body.cgi {
 	margin:0px;
 	padding:0px;
  	font-size:13px;
 	color:#6b6b6b;
 	line-height:19px;