diff --git a/resources/vue/components/courseware/CoursewareRibbonToolbar.vue b/resources/vue/components/courseware/CoursewareRibbonToolbar.vue index b50678faeff813308ff95be62bb33ab2cebbb404..f5f2a22b399bd2400853afa52f2cf645b162edb4 100644 --- a/resources/vue/components/courseware/CoursewareRibbonToolbar.vue +++ b/resources/vue/components/courseware/CoursewareRibbonToolbar.vue @@ -1,5 +1,5 @@ <template> - <focus-trap v-model="trap" :initial-focus="() => initialFocusElement" :clickOutsideDeactivates="true"> + <focus-trap v-model="trap" :initial-focus="() => initialFocusElement" :clickOutsideDeactivates="true" :fallbackFocus ="() => fallbackFocusElement"> <div class="cw-ribbon-tools" :class="{ unfold: toolsActive, 'cw-ribbon-tools-consume': consumeMode }" @@ -137,6 +137,9 @@ export default { isTeacher() { return this.userIsTeacher; }, + fallbackFocusElement(){ + return this.$refs.tabs.getTabButtonByAlias(this.selectedToolbarItem); + } }, methods: { ...mapActions({