fix(PresenterOverlay): fix RTL check

src/App.vue

@@ -217,10 +217,6 @@ export default {
 			this.$store.dispatch('joinConversation', { token: this.$route.params.token })
 		}
 
-		window.addEventListener('resize', this.onResize)
-
-		this.onResize()
-
 		window.addEventListener('unload', () => {
 			console.info('Navigating away, leaving conversation')
 			if (this.token) {
@@ -539,10 +535,6 @@ export default {
 			this.fetchSingleConversation(this.token)
 		},
 
-		onResize() {
-			this.windowHeight = window.innerHeight - document.getElementById('header').clientHeight
-		},
-
 		preventUnload(event) {
 			if (!this.warnLeaving && !this.isSendingMessages) {
 				return

src/components/CallView/shared/PresenterOverlay.vue

@@ -10,7 +10,7 @@
 		:resizable="false"
 		:h="presenterOverlaySize"
 		:w="presenterOverlaySize"
-		:x="isRTL ? parentWidth - presenterOverlaySize - 10 : 10"
+		:x="isDirectionRTL ? parentWidth - presenterOverlaySize - 10 : 10"
 		:y="10"
 		@dragging="isDragging = true"
 		@dragstop="isDragging = false">
@@ -62,6 +62,8 @@ import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import LocalVideo from './LocalVideo.vue'
 import VideoVue from './VideoVue.vue'
 
+const isDirectionRTL = isRTL()
+
 export default {
 	name: 'PresenterOverlay',
 
@@ -111,7 +113,7 @@ export default {
 		const parentWidth = ref(document.getElementById('videos').getBoundingClientRect().width)
 		return {
 			parentWidth,
-			isRTL,
+			isDirectionRTL,
 		}
 	},
 
@@ -124,15 +126,11 @@ export default {
 	},
 
 	mounted() {
-		window.addEventListener('resize', this.updateSize)
-
 		this.resizeObserver = new ResizeObserver(this.updateSize)
 		this.resizeObserver.observe(this.$refs.presenterOverlay.$el.parentElement)
 	},
 
 	beforeDestroy() {
-		window.removeEventListener('resize', this.updateSize)
-
 		if (this.resizeObserver) {
 			this.resizeObserver.disconnect()
 		}
@@ -147,6 +145,7 @@ export default {
 			// FIXME: inner method should be triggered to re-parent element
 			this.$refs.presenterOverlay.checkParentSize()
 			// FIXME: if it stays out of bounds (right and bottom), bring it back
+			// FIXME: should consider RTL
 			if (this.$refs.presenterOverlay.right < 0) {
 				this.$refs.presenterOverlay.moveHorizontally(this.$refs.presenterOverlay.parentWidth - this.presenterOverlaySize)
 			}

src/components/MessagesList/MessagesList.vue

@@ -341,7 +341,6 @@ export default {
 		subscribe('networkOnline', this.handleNetworkOnline)
 		window.addEventListener('focus', this.onWindowFocus)
 
-		window.addEventListener('resize', this.updateSize)
 		this.resizeObserver = new ResizeObserver(this.updateSize)
 		this.resizeObserver.observe(this.$refs.scroller)
 
@@ -368,7 +367,6 @@ export default {
 		unsubscribe('networkOffline', this.handleNetworkOffline)
 		unsubscribe('networkOnline', this.handleNetworkOnline)
 
-		window.removeEventListener('resize', this.updateSize)
 		if (this.resizeObserver) {
 			this.resizeObserver.disconnect()
 		}