Fix file inputs on Gallery and Versions pages not being selectable with keyboard (#4312)

2025-09-02 09:04:28 -07:00
parent c1a092e55c
commit 052637d402
4 changed files with 17 additions and 101 deletions
--- a/packages/ui/src/components/base/FileInput.vue
+++ b/packages/ui/src/components/base/FileInput.vue
@@ -85,11 +85,19 @@ export default defineComponent({
 label {
 	flex-direction: unset;
 	max-height: unset;
+	&:focus-within {
+		outline: 0.25rem solid #ea80ff;
+	}
+
 	svg {
 		height: 1rem;
 	}
 	input {
-		display: none;
+		position: absolute;
+		height: 1px;
+		width: 1px;
+		overflow: hidden;
+		clip: rect(1px, 1px, 1px, 1px);
 	}
 	&.long-style {
 		display: flex;