From 04884db2902d3ab3a87a4c3313a06f1b7099c66a Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Mon, 27 May 2024 08:28:25 -0700
Subject: [PATCH] Add transform to ensure proper layering in Safari.

---
 kolibri/plugins/user_auth/assets/src/views/AuthBase.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue b/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue
index be9a09d5ad3..785e56d4bc2 100644
--- a/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue
+++ b/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue
@@ -324,6 +324,8 @@
     position: relative;
     z-index: 1;
     display: table-row;
+    // Do this to mitigate issues with just using z-index on Safari.
+    transform: translateZ(1px);
   }
 
   .main-row {