Fix: Dismiss button active state overflow

dchyun · dchyun · commit b2f8f942dd63 · 2025-01-14T12:19:55.000-05:00
diff --git a/packages/components/src/styles/components/tag.scss b/packages/components/src/styles/components/tag.scss
@@ -23,7 +23,7 @@ $hds-tag-border-radius: 50px;
   border-radius: $hds-tag-border-radius;
 }
 
-.hds-tag:focus-within,
+.hds-tag:has(:focus-visible),
 .hds-tag:has(.mock-focus) {
   overflow: visible;
 }

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@ $hds-tag-border-radius: 50px;`
`23`	`23`	`border-radius: $hds-tag-border-radius;`
`24`	`24`	`}`
`25`	`25`
`26`		`-.hds-tag:focus-within,`
	`26`	`+.hds-tag:has(:focus-visible),`
`27`	`27`	`.hds-tag:has(.mock-focus) {`
`28`	`28`	`overflow: visible;`
`29`	`29`	`}`