From 3a2a88172ccbe97aaecf4ea32b97cd07b92dcb11 Mon Sep 17 00:00:00 2001
From: Ron Lucke <lucke@elan-ev.de>
Date: Thu, 12 Dec 2024 11:57:10 +0000
Subject: [PATCH] Courseware: Tastaturbedienung funktioniert nicht mehr
Closes #4988
Merge request studip/studip!3755
---
.../CoursewareRibbonToolbar.vue | 24 ++++++++-----------
1 file changed, 10 insertions(+), 14 deletions(-)
diff --git a/resources/vue/components/courseware/structural-element/CoursewareRibbonToolbar.vue b/resources/vue/components/courseware/structural-element/CoursewareRibbonToolbar.vue
index a69af1d3ae2..902241b9296 100644
--- a/resources/vue/components/courseware/structural-element/CoursewareRibbonToolbar.vue
+++ b/resources/vue/components/courseware/structural-element/CoursewareRibbonToolbar.vue
@@ -1,5 +1,5 @@
<template>
- <focus-trap v-model="trap" :clickOutsideDeactivates="false" :fallbackFocus ="() => fallbackFocusElement">
+ <focus-trap :active="showToolbar" :clickOutsideDeactivates="false" :fallbackFocus ="() => fallbackFocusElement">
<div
class="cw-ribbon-tools"
:class="{ 'cw-ribbon-tools-consume': consumeMode }"
@@ -70,7 +70,6 @@ export default {
return {
showContents: true,
showUnits: false,
- trap: false,
};
},
computed: {
@@ -86,6 +85,7 @@ export default {
userById: 'users/byId',
userId: 'userId',
currentElementisLink: 'currentElementisLink',
+ showToolbar: 'showToolbar',
}),
isTeacher() {
return this.userIsTeacher;
@@ -105,19 +105,15 @@ export default {
contents.scroll({ top: current.offsetTop - 4, behavior: 'smooth' });
}
},
- activate() {
- const focusElement = this.$refs.tabs.getActiveTabElement();
- if (focusElement) {
- this.initialFocusElement = focusElement;
- this.trap = true;
+ },
+ watch: {
+ showToolbar(newState) {
+ if (newState) {
+ this.$nextTick(() => {
+ this.scrollToCurrent();
+ });
}
}
- },
- mounted() {
- this.$nextTick(() => {
- this.activate();
- this.$nextTick(() => this.scrollToCurrent());
- });
- },
+ }
};
</script>
--
GitLab