From 845def82f58e7a4900ead595b64061ee94e03312 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Tue, 21 May 2019 17:20:45 -0400
Subject: [PATCH] fix(rtl): updates searchbar, fab and toggle icon positioning
 in rtl (#18325)

- fixes tab badge (in Chrome)
- fixes searchbar buttons
- fixes fab positioning
- fixes toggle

references #17012
---
 core/src/themes/ionic.functions.string.scss | 4 ++++
 core/src/themes/ionic.mixins.scss           | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/core/src/themes/ionic.functions.string.scss b/core/src/themes/ionic.functions.string.scss
index 7bf56c5032..fcf7b5e514 100644
--- a/core/src/themes/ionic.functions.string.scss
+++ b/core/src/themes/ionic.functions.string.scss
@@ -93,6 +93,7 @@
 // --> :host-context([dir=rtl])
 //
 // @include add-root-selector("[dir=rtl]", ":host(.fixed)")
+// --> :host-context([dir=rtl]):host(.fixed)
 // --> :host-context([dir=rtl]).fixed
 //
 // @include add-root-selector("[dir=rtl]", ":host(.tab-layout-icon-hide) ::slotted(ion-badge)")
@@ -112,6 +113,9 @@
     // If the selector contains :host( it means it is targeting a class on the host
     // element so we need to change how we target it
     @if str-contains($selector, ":host(") {
+      $shadow-element: str-replace($selector, ":host(", ":host-context(#{$addHostSelector}):host(");
+      $list: append($list, $shadow-element, comma);
+
       $new-element: ();
       $elements: str-split($selector, " ");
 
diff --git a/core/src/themes/ionic.mixins.scss b/core/src/themes/ionic.mixins.scss
index 91524ecd09..365ecbc090 100644
--- a/core/src/themes/ionic.mixins.scss
+++ b/core/src/themes/ionic.mixins.scss
@@ -286,6 +286,9 @@
       right: $end;
     }
     @include rtl() {
+      left: unset;
+      right: unset;
+
       left: $end;
       right: $start;
     }