Merge branch...

Merge branch '866-scrolling-on-vuetify-based-pages-is-not-possible-when-the-celeryprogressbottom-drawer-is-open' into 'master'

Resolve "Scrolling on Vuetify-based pages is not possible when the CeleryProgressBottom drawer is open"

Closes #866

See merge request !1262

CHANGELOG.rst

@@ -14,6 +14,7 @@ Fixed
 
 * Progress page didn't work properly.
 * About page failed to load for apps with an unknown licence.
+* Some pages couldn't be scrolled when a task progress popup was open.
 * Notification query failed on admin users without persons.
 * Querying for notification caused unnecessary database requests.
 * Loading bar didn't disappear on some pages after loading was finished.

aleksis/core/frontend/components/celery_progress/CeleryProgressBottom.vue

 <template>
-  <v-bottom-sheet :value="show" persistent hide-overlay max-width="400px">
+  <v-bottom-sheet
+    :value="show"
+    persistent
+    hide-overlay
+    max-width="400px"
+    ref="sheet"
+  >
     <v-expansion-panels accordion v-model="open">
       <v-expansion-panel>
         <v-expansion-panel-header color="primary" class="white--text px-4">
@@ -33,6 +39,13 @@ export default {
   data() {
     return { open: 0 };
   },
+  mounted() {
+    // Vuetify uses the hideScroll method to disable scrolling by setting an event listener
+    // to the window. As event listeners can only be removed by referencing the listener
+    // method and because vuetify this method is called on every state change of the dialog,
+    // we simply replace the method in this component instance
+    this.$refs.sheet.hideScroll = this.$refs.sheet.showScroll;
+  },
   computed: {
     show() {
       return this.celeryProgressByUser && this.celeryProgressByUser.length > 0;