diff options
Diffstat (limited to 'apps/files/src/components/FileEntry/FileEntryActions.vue')
| -rw-r--r-- | apps/files/src/components/FileEntry/FileEntryActions.vue | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/apps/files/src/components/FileEntry/FileEntryActions.vue b/apps/files/src/components/FileEntry/FileEntryActions.vue index 1e453fec706..d9d8cefdbad 100644 --- a/apps/files/src/components/FileEntry/FileEntryActions.vue +++ b/apps/files/src/components/FileEntry/FileEntryActions.vue @@ -45,6 +45,7 @@ <!-- Default actions list--> <NcActionButton v-for="action in enabledMenuActions" :key="action.id" + :ref="`action-${action.id}`" :class="{ [`files-list__row-action-${action.id}`]: true, [`files-list__row-action--menu`]: isMenu(action.id) @@ -64,7 +65,7 @@ <!-- Submenu actions list--> <template v-if="openedSubmenu && enabledSubmenuActions[openedSubmenu?.id]"> <!-- Back to top-level button --> - <NcActionButton class="files-list__row-action-back" @click="openedSubmenu = null"> + <NcActionButton class="files-list__row-action-back" @click="onBackToMenuClick(openedSubmenu)"> <template #icon> <ArrowLeftIcon /> </template> @@ -322,6 +323,21 @@ export default Vue.extend({ return this.enabledSubmenuActions[id]?.length > 0 }, + async onBackToMenuClick(action: FileAction) { + this.openedSubmenu = null + // Wait for first render + await this.$nextTick() + + // Focus the previous menu action button + this.$nextTick(() => { + // Focus the action button + const menuAction = this.$refs[`action-${action.id}`][0] + if (menuAction) { + menuAction.$el.querySelector('button')?.focus() + } + }) + }, + t, }, }) |