From 69ffb7ea101ed59ab5e62818838d0fefc517bab9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 7 Apr 2022 13:43:02 +0200
Subject: [PATCH] MOBILE-3833 loading: Fix incorrect order of DOM on iOS

---
 src/core/components/loading/loading.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/core/components/loading/loading.scss b/src/core/components/loading/loading.scss
index d6b31d067..e6cebfac7 100644
--- a/src/core/components/loading/loading.scss
+++ b/src/core/components/loading/loading.scss
@@ -95,3 +95,10 @@
     flex-direction: column;
     min-height: 100%;
 }
+
+// There is a bug on iOs that displays inside elements in wrong order.
+// This bug seems not to affect other elements like format-text
+:host-context(.ios) {
+    --contents-display: flex;
+    flex-direction: column;
+}