fix(a11y): Focus on sharing quick permission radio

Signed-off-by: Christopher Ng <chrng8@gmail.com>
2023-11-16 16:05:00 +07:00 · 2023-11-16 16:05:00 +07:00 · 6329da9352
parent 9a3d45b0ef
commit 6329da9352
1 changed files with 6 additions and 1 deletions
--- a/apps/files_sharing/src/views/SharingDetailsTab.vue
+++ b/apps/files_sharing/src/views/SharingDetailsTab.vue
@ -16,7 +16,8 @@
 			</span>
 		</div>
 		<div class="sharingTabDetailsView__wrapper">
-			<div class="sharingTabDetailsView__quick-permissions">
+			<div ref="quickPermissions"
+				class="sharingTabDetailsView__quick-permissions">
 				<div>
 					<NcCheckboxRadioSwitch :button-variant="true"
 						:checked.sync="sharingPermission"
@ -671,6 +672,10 @@ export default {
 		console.debug('config', this.config)
 	},

+	mounted() {
+		this.$refs.quickPermissions?.querySelector('input:checked')?.focus()
+	},
+
 	methods: {
 		updateAtomicPermissions({
 			isReadChecked = this.hasRead,