Merge pull request #3885 from nextcloud/bugfix/noid/correctly-initialise-blur-in-chromium

Correctly initialise blur in chrome/chromium

src/components/CallView/shared/VideoBackground.vue

@@ -21,7 +21,9 @@
 
 <template>
 	<div class="video-backgroundbackground">
-		<div class="darken">
+		<div
+			ref="darkener"
+			class="darken">
 			<ResizeObserver
 				v-if="gridBlur === ''"
 				class="observer"
@@ -104,6 +106,16 @@ export default {
 		}
 	},
 
+	async mounted() {
+		if (!this.gridBlur) {
+			// Initialise blur
+			this.setBlur({
+				width: this.$refs['darkener'].clientWidth,
+				height: this.$refs['darkener'].clientHeight,
+			})
+		}
+	},
+
 	methods: {
 		// Calculate the background blur based on the height of the background element
 		setBlur({ width, height }) {