From 03a624f788be8d37f1643c0e01bb1a707d2d0c0e Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 9 Jan 2024 12:44:44 +0000
Subject: [PATCH] Fix CSS stacking context order determinism

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 src/vector/index.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/vector/index.html b/src/vector/index.html
index 3559bb71bc..f5213701cf 100644
--- a/src/vector/index.html
+++ b/src/vector/index.html
@@ -108,5 +108,11 @@
     <audio id="remoteAudio"></audio>
     <!-- let CSS themes pass constants to the app -->
     <div id="mx_theme_accentColor"></div><div id="mx_theme_secondaryAccentColor"></div><div id="mx_theme_tertiaryAccentColor"></div>
+
+    <!-- We eagerly create these containers to ensure their CSS stacking context order is sensible -->
+    <div id="mx_PersistedElement_container"></div>
+    <div id="mx_Dialog_StaticContainer"></div>
+    <div id="mx_Dialog_Container"></div>
+    <div id="mx_ContextualMenu_Container"></div>
   </body>
 </html>