courseware selects as drop-up menu, fixes elan-ev#546 (elan-ev#547)

tubraunschweig · Feb 4, 2022 · 47e753c · 47e753c
1 parent 90e620d
commit 47e753c
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/courseware-plugin-opencast-video.vue b/src/courseware-plugin-opencast-video.vue
@@ -34,12 +34,13 @@
                 <form class="default" @submit.prevent="">
                     <label>
                         <translate>Serie auswählen</translate>
-                        <v-select
+                        <courseware-vue-select
                             :options="series"
                             :reduce="series => series.series_id"
                             :clearable="false"
                             v-model="currentSeries"
                             class="cw-vs-select"
+                            append-to-body
                         >
                             <template #open-indicator="selectAttributes">
                                 <span v-bind="selectAttributes"><studip-icon shape="arr_1down" size="10"/></span>
@@ -54,18 +55,19 @@
                             <template #option="{name}">
                                 <span>{{name}}</span>
                             </template>
-                        </v-select>
+                        </courseware-vue-select>
                     </label>
 
                     <label v-if="currentSeries">
                         <translate>Video auswählen</translate>
-                        <v-select
+                        <courseware-vue-select
                             :options="episodes"
                             label="episode"
                             :reduce="episodes => episodes.id"
                             :clearable="false"
                             v-model="currentEpisode"
                             class="cw-vs-select"
+                            append-to-body
                         >
                             <template #open-indicator="selectAttributes">
                                 <span v-bind="selectAttributes"><studip-icon shape="arr_1down" size="10"/></span>
@@ -88,7 +90,7 @@
                                     </translate>
                                 </span>
                             </template>
-                        </v-select>
+                        </courseware-vue-select>
                     </label>
                 </form>
             </template>