From 83dcbb0ea5e39a2dd23952fbfb4c3088eaed1068 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 15 Sep 2023 10:51:28 +0200
Subject: [PATCH] MOBILE-4372 theme: Fix ion fab position in iOS RTL

RTL and host-context seems not to work on recent iOS versions
---
 src/theme/theme.base.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 16fd9f773..5ebfcbfd0 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -1334,6 +1334,25 @@ ion-fab[core-fab] {
     }
 }
 
+// The following 4 selectors can probably be removed after Ionic migration to 7+
+ion-fab.fab-horizontal-start {
+    left: calc(10px + var(--ion-safe-area-right, 0px));
+}
+
+[dir=rtl] ion-fab.fab-horizontal-start {
+    right: calc(10px + var(--ion-safe-area-right, 0px));
+    left: unset
+}
+
+ion-fab.fab-horizontal-end {
+    right: calc(10px + var(--ion-safe-area-right, 0px));
+}
+
+[dir=rtl] ion-fab.fab-horizontal-end {
+    left: calc(10px + var(--ion-safe-area-right, 0px));
+    right: unset
+}
+
 ion-content.has-collapsible-footer ion-fab {
     bottom: calc(var(--core-collapsible-footer-height, 0px) + 10px);
     @include core-transition(all, 200ms);