fix focus

Templarian · Templarian · commit f575c59aed4b · 2025-03-29T10:05:29.000-05:00
diff --git a/src/pg/menuItem/menuItem.css b/src/pg/menuItem/menuItem.css
@@ -49,11 +49,11 @@
   content: var(--pg-menu-item-disabled-check, url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M 17.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z' fill='rgb(69, 60, 79, 0.5)' /></svg>"));
 }
 
-[part=label]:focus {
+[part=label]:focus-visible {
   position: relative;
 }
 
-[part=label]:focus::after {
+[part=label]:focus-visible::after {
   pointer-events: none;
   content: '';
   position: absolute;
@@ -65,6 +65,6 @@
   box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.5));
 }
 
-[part=label]:focus:not(:hover)::after {
+[part=label]:focus-visible:not(:hover)::after {
   background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));
 }

Original file line number	Diff line number	Diff line change
`@@ -49,11 +49,11 @@`
`49`	`49`	`content: var(--pg-menu-item-disabled-check, url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M 17.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z' fill='rgb(69, 60, 79, 0.5)' /></svg>"));`
`50`	`50`	`}`
`51`	`51`
`52`		`-[part=label]:focus {`
	`52`	`+[part=label]:focus-visible {`
`53`	`53`	`position: relative;`
`54`	`54`	`}`
`55`	`55`
`56`		`-[part=label]:focus::after {`
	`56`	`+[part=label]:focus-visible::after {`
`57`	`57`	`pointer-events: none;`
`58`	`58`	`content: '';`
`59`	`59`	`position: absolute;`
`@@ -65,6 +65,6 @@`
`65`	`65`	`box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.5));`
`66`	`66`	`}`
`67`	`67`
`68`		`-[part=label]:focus:not(:hover)::after {`
	`68`	`+[part=label]:focus-visible:not(:hover)::after {`
`69`	`69`	`background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));`
`70`	`70`	`}`