feat: make actions container visible on focus-within (#949)

MMasey · web-flow · commit 29cfe66a2f6f · 2024-11-07T16:02:50.000+01:00
diff --git a/packages/uui-ref/lib/uui-ref.element.ts b/packages/uui-ref/lib/uui-ref.element.ts
@@ -190,7 +190,8 @@ export class UUIRefElement extends SelectOnlyMixin(
         opacity: 0;
         transition: opacity 120ms;
       }
-      :host(:hover) #actions-container {
+      :host(:hover) #actions-container,
+      :host(:focus-within) #actions-container {
         opacity: 1;
       }
 

Original file line number	Diff line number	Diff line change
`@@ -190,7 +190,8 @@ export class UUIRefElement extends SelectOnlyMixin(`
`190`	`190`	`opacity: 0;`
`191`	`191`	`transition: opacity 120ms;`
`192`	`192`	`}`
`193`		`- :host(:hover) #actions-container {`
	`193`	`+ :host(:hover) #actions-container,`
	`194`	`+ :host(:focus-within) #actions-container {`
`194`	`195`	`opacity: 1;`
`195`	`196`	`}`
`196`	`197`