Merge pull request #4848 from nextcloud-libraries/fix/a11y-focus-on-t…

…ext-area Correct styles for focused NcTextArea
nextcloud-libraries · Nov 17, 2023 · 2f5bcb3 · 2f5bcb3
2 parents d0dfac8 + b2a15bd
commit 2f5bcb3
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/NcTextArea/NcTextArea.vue b/src/components/NcTextArea/NcTextArea.vue
@@ -339,7 +339,8 @@ export default {
 		&:active:not([disabled]),
 		&:hover:not([disabled]),
 		&:focus:not([disabled]) {
-			border-color: var(--color-primary-element);
+			border-color: 2px solid var(--color-main-text) !important;
+			box-shadow: 0 0 0 2px var(--color-main-background) !important;
 		}
 
 		// Hide placeholder while not focussed -> show label instead (only if internal label is used)