From 88b22f5490813070e9bc5a4f0ce56412e0d2ae90 Mon Sep 17 00:00:00 2001
From: Harald Bamberger <harald.bamberger@technikum-wien.at>
Date: Wed, 15 Apr 2026 17:02:58 +0200
Subject: [PATCH] revert to v-if to not render element when not necessary and
 use Vue.nextTick for dependent code

---
 public/js/components/Messages/Messages.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/public/js/components/Messages/Messages.js b/public/js/components/Messages/Messages.js
index 3b02c4af6..bb69d2139 100644
--- a/public/js/components/Messages/Messages.js
+++ b/public/js/components/Messages/Messages.js
@@ -84,12 +84,14 @@ export default {
 			else if (this.openMode == "inSamePage"){
 				this.isVisibleDiv = true;
 
-				if(messageId)
-					this.$refs.templateNewDivMessage.loadReplyData(messageId);
-				else
-					this.$refs.templateNewDivMessage.resetForm();
+				this.$nextTick(() => {
+					if(messageId)
+						this.$refs.templateNewDivMessage.loadReplyData(messageId);
+					else
+						this.$refs.templateNewDivMessage.resetForm();
 
-				this.$refs.templateNewDivMessage.showTemplate();
+					this.$refs.templateNewDivMessage.showTemplate();
+				});
 			}
 			else
 				console.log("no valid openMode");
@@ -170,7 +172,7 @@ export default {
 		</message-modal>
 		
 		<!--in same page-->
-		<div v-show="isVisibleDiv" class="overflow-auto m-3" style="max-height: 500px; border: 1px solid #ccc;">
+		<div v-if="isVisibleDiv" class="overflow-auto m-3" style="max-height: 500px; border: 1px solid #ccc;">
 			<form-only
 				v-if="tablebuilt || id.length > 1"
 				ref="templateNewDivMessage"