[stable24] Disable rich workspace rendering when view is not visible

src/helpers/files.js

@@ -20,6 +20,7 @@
  *
  */
 
+import { subscribe } from '@nextcloud/event-bus'
 import { openMimetypes } from './mime.js'
 import RichWorkspace from '../views/RichWorkspace.vue'
 import { imagePath } from '@nextcloud/router'
@@ -170,6 +171,12 @@ const FilesWorkspacePlugin = {
 				store,
 			}).$mount(this.el)
 
+			subscribe('files:navigation:changed', () => {
+				// Expose if the default file list is active to the component
+				// to only render the workspace if the file list is actually visible
+				vm.active = OCA.Files.App.getCurrentFileList() === fileList
+			})
+
 			fileList.$el.on('urlChanged', data => {
 				vm.path = data.dir.toString()
 			})

src/views/RichWorkspace.vue

@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<div v-if="enabled" id="rich-workspace" :class="{'icon-loading': !loaded || !ready, 'focus': focus, 'dark': darkTheme, 'creatable': canCreate}">
+	<div v-if="enabled && active" id="rich-workspace" :class="{'icon-loading': !loaded || !ready, 'focus': focus, 'dark': darkTheme, 'creatable': canCreate}">
 		<div v-if="showEmptyWorkspace" class="empty-workspace" @click="createNew">
 			<p class="placeholder">
 				{{ t('text', 'Add notes, lists or links …') }}
@@ -63,6 +63,10 @@ export default {
 			type: String,
 			required: true,
 		},
+		active: {
+			type: Boolean,
+			default: true,
+		},
 	},
 	data() {
 		return {